您的位置:首页 > Web前端 > HTML

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'});
内容来自用户分享和网络整理,不保证内容的准确性,如有侵权内容,可联系管理员处理 点击这里给我发消息
标签: