如何用复选框实现单选
<!DOCTYPE html>
<html>
<head>
<meta charset="UTF-8">
<title>Document</title>
<script type="text/javascript" src="jquery.min.js"></script>
</head>
<body>
<div style="line-height:1.5em;padding: 5px 0;font-size: 14px;">
<ul>
<li><input type="checkbox" name="checkbox1"/>A.我比失恋还难受</li>
<li><input type="checkbox" name="checkbox1" />B.科比的退役是可惜，但是很快会有新人代替他</li>
<li><input type="checkbox" name="checkbox1" />C.科比就是矫情，退役还搞这么大的排场</li>
<li><input type="checkbox" name="checkbox1"/>D.其他，_________________</li>
</ul>
</div>
<script>
$(function(){
$(':checkbox').each(function(){ //遍历页面中所有的checkbox
$(this).click(function(){//为页面中每一个checkbox设置点击事件
if($(this).attr('checked')){ //如果有checkbox状态为选中
//$(':checkbox').removeAttr('checked'); //移除checked属性，改变checkbox状态为未选中(为页面中所有checkbox复选框添加设置)
$(':checkbox').attr('disabled','disabled'); //或者直接设置checkbox复选框为禁用(为页面中所有checkbox复选框添加设置)
$(this).attr('checked','checked'); //为当前点击选中的checkbox复选框添加checked属性
}
});
});
});
</script>
</body>
</html>
qq__82225回答
-
脑袋空空空想家
js部分：$(function(){ $(':checkbox[type="checkbox"]').each(function(){ $(this).click(function(){ if($(this).attr('checked')){ $(':checkbox[type="checkbox"]').removeAttr('checked'); $(this).attr('checked','checked')； } }); }); }); -
XAGT
那位高手可以看看，很简单，但我不懂。☺ float a; a=100; printf("%f",a%5); 为什么会错误呢 -
慕田峪6141110
TIEHLNKOQUQCXMJKUDMPZQFAEADBXVJUKWYGWSBRBEHIZVSHDTJKTQFGBFOXAXFCLVGCSUEUDMOFJTIQGWMVEBKUSGDNJNWNQMPWRHEMJYHLOEQFDSOZVTCYOBWSBXNKNQAXXZPYOVYCEWFIEHDMILILOKTCMIYHENJMWYNVZISIYNXNCHJZYYSWWTJMYPLYILYYXQGSSZFCLLBLYMLOERYBVYOYNJGWCPLHMTZWSTJBRHQKUHTSJZSIRXRYUWYRDMNTJNDGWYHHXPZPFZZTVEZIIHUWDZNFOFWPIMEILTWBCMPFIYQGVYSCFPVWMWMCOOEBVCGNQEDDAXHRFFIGCVHHXBEBLGEOPCFVLSYAGURHDHXEHEFSUXIJSWMJJHARAUXHUKVIFSIYUQJNDAEPSJWFRYBLANANELZEPCSRENBRLXKNBHCFQKBYHJWDTZGMGNDMIETPMTANMWWYHUMAWLVIVZMDYRYGGWKHTFCZPMEVPVMXKKXEPFYHREATCPFMAWNNCLEVIEJZLLSYAZPUARHSSSISVEZTMADDXZRDFBIVMPJADFXOCDJQWMZZVZGXQECCFGJZVIMCGSIFKKQKVYZWMQGMMIKQUTQKBOPVXMWRHKADXBALXAUBVTGPVSDGTUUHHBEUVKDORPWDQQDDLXQUSPZCVJWHJQEBOCAJUDMYYLTZJGWTTNWPJGDAEHUXCBUBIPQKUERJMVJAHKRBLAPSCAQULSBPMKQTNTKQDGXBOJGKHRHSFNCHNYYEFJUOZMLOMWTXEFJDUWIFAANTKDQNTGSMMMUNJPALHHXFOSMWCSMOYCCOLBEUMLTZMXTHOLORNMVPDMPAZPXUAQZTDAAQAQADBZYVLEKADFOQIOKHNWQP -
joffyzou
<script> var i,j, liList = document.getElementsByTagName("li"), liLength = liList.length, btns = document.getElementsByTagName("input"); for (i=0; i<liLength; i++) { liList[i].onclick = function () { for (j=0; j<btns.length; j++) { btns[j].checked = false; } var btn = this.getElementsByTagName("input")[0]; btn.checked = true; } } </script> -
SoEasy_1
$(function(){ $("li").click(function(){ $("li input[type='checkbox']").removeAttr("checked"); $(this).find("input[type='checkbox']").attr('checked','checked'); }); });是这个意思吧，li控制按钮 -
FSYu
你想问什么？？？
随时随地看视频慕课网APP
相关分类
JavaScript
JQuery