如何用复选框实现单选

<!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__8222
浏览 3437回答 5
5回答

脑袋空空空想家

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,查看更多内容
随时随地看视频慕课网APP