<!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>
脑袋空空空想家
XAGT
慕田峪6141110
如果单选框全部选中,这个时候全选框也要被选中,这个如何实现?
如何实实现单击实现的多选,而不是利用ctrl+单击
单选框,复选框
课件里说下拉列表框可以实现单选或者多选,可多选如何实现?
joffyzou
SoEasy_1
FSYu
相关分类