js问题,请教大神,如何让点击一个复选框?另一个复选框也跟着选中?
<!DOCTYPEhtml><htmllang="en"><head><metacharset="UTF-8"><title>Title</title><scriptsr...
<!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... 展开
就算是用原生js也不行,如getElementById(c1/c2).checked = true/false... 展开
展开全部
$('#c1').on('change',function(){
if ($(this).is(':checked')) {
$('#c2').prop('checked','checked');
}else{
$('#c2').removeProp('checked');
}
})
本回答被提问者采纳
已赞过
已踩过<
评论
收起
你对这个回答的评价是?
展开全部
<!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>
<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>
已赞过
已踩过<
评论
收起
你对这个回答的评价是?
推荐律师服务:
若未解决您的问题,请您详细描述您的问题,通过百度律临进行免费专业咨询