html 单选框及多选框控制显示及追加元素
2015-08-25 17:12
525 查看
// 页面效方法
//1.追加
$("#HK").click( function() {
if (document.getElementById("HK").checked == true) { //判断checkbox 是否选择
var txt1="任何标签 方法 css 双引号换成 打单引就可以了";
var txt2="";
var txt3="";
var txt4="";
$("#haha").append(txt1,txt2,txt3,txt4); // 追加新元素
} else if (document.getElementById("HK").checked == false) {
$("#p1").remove();$("#p2").remove();$("#p3").remove();$("#p4").remove();//为false 之前添加的元素删掉
}
});
//是否勾选
$("#checkboxFK").click(function() {
if (document.getElementById("checkboxFK").checked == true) {
$('#selectFx').attr("disabled", false);//文本框默认disabled为ture 不可编辑
//document.getElementById('selectFx').setAttribute("disabled", "");
} else if (document.getElementById("checkboxFK").checked == false) {
$('#selectFx').attr("disabled", true);
}
});
//第一个单选框默认选择 控制第二个单选框是否选择
$("#CODESHARE").click(function(){
if(document.getElementById("CODESHARE").checked==true){
// var rr = $('input:radio[name="radioBU"]:checked').val();
$("input[name=radioBU]:eq(0)").attr("checked",'checked');
$('#flight').attr("disabled", false);
}
if(document.getElementById("CODESHARE").checked==false){
$("input[name=radioBU]:eq(1)").attr("checked",'checked');
$('#flight').attr("disabled", true);
}
});
//下拉选择默认.
var x = document.getElementById("D22");
if (x.value) {
$('#identical').css({
display : 'block'
});
}
//单选 框
function yuenxu() {
var rr = $('input:radio[name="radioBU"]:checked').val();
if (rr == 1) {
$('#flight').attr("disabled", true);
} else if (rr == 0) {
$('#flight').attr("disabled", false);
}
}
//全选 单选 checkbox
function selectAllDels() {
var allCheckBoxs = document.getElementsByName("C9");
var desc = document.getElementById("allChecked");
var selectOrUnselect = false;
for ( var i = 0; i < allCheckBoxs.length; i++) {
if (allCheckBoxs[i].checked) {
selectOrUnselect = true;
break;
}
}
if (selectOrUnselect) {
_allUnchecked(allCheckBoxs);
} else {
_allchecked(allCheckBoxs);
}
}
function _allchecked(allCheckBoxs) {
for ( var i = 0; i < allCheckBoxs.length; i++) {
allCheckBoxs[i].checked = true;
}
}
function _allUnchecked(allCheckBoxs) {
for ( var i = 0; i < allCheckBoxs.length; i++) {
allCheckBoxs[i].checked = false;
}
}
//清空
document.getElementById("T4").value = "";
$("#prescriptionReg_OsflowID").val("");
//显示div
document.getElementById('traveladd').style.display='block';
$('#quyuDiv').css({display : 'block'});
//1.追加
$("#HK").click( function() {
if (document.getElementById("HK").checked == true) { //判断checkbox 是否选择
var txt1="任何标签 方法 css 双引号换成 打单引就可以了";
var txt2="";
var txt3="";
var txt4="";
$("#haha").append(txt1,txt2,txt3,txt4); // 追加新元素
} else if (document.getElementById("HK").checked == false) {
$("#p1").remove();$("#p2").remove();$("#p3").remove();$("#p4").remove();//为false 之前添加的元素删掉
}
});
//是否勾选
$("#checkboxFK").click(function() {
if (document.getElementById("checkboxFK").checked == true) {
$('#selectFx').attr("disabled", false);//文本框默认disabled为ture 不可编辑
//document.getElementById('selectFx').setAttribute("disabled", "");
} else if (document.getElementById("checkboxFK").checked == false) {
$('#selectFx').attr("disabled", true);
}
});
//第一个单选框默认选择 控制第二个单选框是否选择
$("#CODESHARE").click(function(){
if(document.getElementById("CODESHARE").checked==true){
// var rr = $('input:radio[name="radioBU"]:checked').val();
$("input[name=radioBU]:eq(0)").attr("checked",'checked');
$('#flight').attr("disabled", false);
}
if(document.getElementById("CODESHARE").checked==false){
$("input[name=radioBU]:eq(1)").attr("checked",'checked');
$('#flight').attr("disabled", true);
}
});
//下拉选择默认.
var x = document.getElementById("D22");
if (x.value) {
$('#identical').css({
display : 'block'
});
}
//单选 框
function yuenxu() {
var rr = $('input:radio[name="radioBU"]:checked').val();
if (rr == 1) {
$('#flight').attr("disabled", true);
} else if (rr == 0) {
$('#flight').attr("disabled", false);
}
}
//全选 单选 checkbox
function selectAllDels() {
var allCheckBoxs = document.getElementsByName("C9");
var desc = document.getElementById("allChecked");
var selectOrUnselect = false;
for ( var i = 0; i < allCheckBoxs.length; i++) {
if (allCheckBoxs[i].checked) {
selectOrUnselect = true;
break;
}
}
if (selectOrUnselect) {
_allUnchecked(allCheckBoxs);
} else {
_allchecked(allCheckBoxs);
}
}
function _allchecked(allCheckBoxs) {
for ( var i = 0; i < allCheckBoxs.length; i++) {
allCheckBoxs[i].checked = true;
}
}
function _allUnchecked(allCheckBoxs) {
for ( var i = 0; i < allCheckBoxs.length; i++) {
allCheckBoxs[i].checked = false;
}
}
//清空
document.getElementById("T4").value = "";
$("#prescriptionReg_OsflowID").val("");
//显示div
document.getElementById('traveladd').style.display='block';
$('#quyuDiv').css({display : 'block'});
相关文章推荐
- HTML子窗口
- HTML源码中 form 标签的 enctype 属性
- pdf转换成html网页的操作方法
- Silverlight按钮事件中打开HTML页…
- 关于html控件button的onclick和onserverclick事件不能同时起作用问题
- HTML学习03
- aps.net webform框架下页面服务器端控件和html控件用法
- html checkbox的使用
- HideFocus使用
- HTML - Textarea - 空格的问题解决方式
- Validform的基本使用-表单校验
- html学习1-初步了解
- HTML-embed标签详解
- html块级元素与行内元素
- HTML空格占位符
- iis7 下 url重写后原本存在的html不能访问了未能执行 URL
- vs2013 中HTML页 无法在设计窗口中查看的解决
- vs2013 中HTML页 无法在设计窗口中查看的解决
- HTML常用标签
- C#将HTML导出Excel