js问题，请教大神，如何让点击一个复选框？另一个复选框也跟着选中？

<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <title>Title</title> <script src="/bookstore/js/jquery/jquery-1.11.3.js" charset="utf-8" type="text/javascript"></script> <script> $(function () { $('#c1, #c2').on({ click: function (e) { var ckd = $(this).attr('checked'); alert(ckd); if(ckd == "checked") { $('#c1').attr('checked', false); $('#c2').attr('checked', false); }else{ $('#c1').attr('checked', true); $('#c2').attr('checked', true); } } }); }); </script></head><body><label> <input type="checkbox" id="c1" checked="checked"> c1</label><label> <input type="checkbox" id="c2" checked="checked"> c2</label></body></html>

就算是用原生js也不行，如getElementById(c1/c2).checked = true/false...

举报该问题

其他回答

第1个回答 2015-12-30

$('#c1').on('change',function(){
    if ($(this).is(':checked')) {
     $('#c2').prop('checked','checked');
    }else{
        $('#c2').removeProp('checked');
    }
})

本回答被提问者采纳

第2个回答 2015-12-30

<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<title>Title</title>
</head>
<body>
<label>
<input type="checkbox" id="c1" checked="checked">c1
</label>
<label>
<input type="checkbox" id="c2" checked="checked">c2
</label>
<script>
var inputs=document.getElementsByTagName('input');
for(var i=0,inlen=inputs.length;i<inlen;i++){
inputs[i].onclick=function(){
if(this.checked==false){
inputs[0].checked=false;
inputs[1].checked=false;
}else{
inputs[0].checked=true;
inputs[1].checked=true;
}
}
}
</script>
</body>
</html>

相似回答

大家正在搜