實現全選和反選功能
阿新 • • 發佈：2021-01-07
全選和反選
//body
<body>
<input type="checkbox" name="name" value="" />菊花臺<br />
<input type="checkbox" name="name" value="" />千里之外<br />
<input type="checkbox" name="name" value="" <script type="text/javascript">
$(function(){
$("#c1").click(function(){
//獲取所有checkbox屬性
var result=$(this).attr("checked",true);
$("input[name='name']").attr("checked",result);
})
//反選
$("#btn1").click(function(){
$("c1").attr("checked",false);
$("input[name='name']").each(function(){
$(this).attr("checked",!$(this).attr("checked"));
})
})
})
</script>
//最終效果（當選擇“青花瓷”點選全選所有複選框全部被選中）
