<!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>
5 回答
脑袋空空空想家
TA贡献42条经验 获得超49个赞
js部分：
$(function(){
$(':checkbox[type="checkbox"]').each(function(){
$(this).click(function(){
if($(this).attr('checked')){
$(':checkbox[type="checkbox"]').removeAttr('checked');
$(this).attr('checked','checked')；
}
});
});
});
joffyzou
TA贡献45条经验 获得超17个赞
<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
TA贡献15条经验 获得超6个赞
$(function(){
$("li").click(function(){
$("li input[type='checkbox']").removeAttr("checked");
$(this).find("input[type='checkbox']").attr('checked','checked');
});
});是这个意思吧，li控制按钮
添加回答
举报
0/150
提交
取消