文章插圖
<!doctype html>
<html>
<head>
<meta charset=”UTF-8″>
<title>Document</title>
<script type=”text/javascript” src=https://www.520longzhigu.com/shenghuo/”jquery.min.js”>
</head>
<body>
<input type=”checkbox” id=”checkbox1″><label for=”checkbox1″>庫(kù)里</label><br>
<input type=”checkbox” id=”checkbox2″><label for=”checkbox2″>科比</label><br>
<input type=”checkbox” id=”checkbox3″><label for=”checkbox3″>麥迪</label><br>
<input type=”checkbox” id=”checkbox4″><label for=”checkbox4″>鄧肯</label><br>
<input type=”checkbox” id=”checkbox5″><label for=”checkbox5″>奧尼爾</label><br><br>
<button>全選</button><button>全不選</button><button>反選</button>
</body>
</html>
<script type=”text/javascript”>
$(function(){
//匹配第一個(gè)button
$(‘:button:eq(0)’).click(function(){
//全部選中 checked=true,在前臺(tái)就是表示選中
$(‘:checkbox’).attr(‘checked’,true);
});
//匹配第二個(gè)button
$(‘:button:eq(1)’).click(function(){
//全部取消 checked=false,在前臺(tái)就是表示未選中
$(‘:checkbox’).attr(‘checked’,false);
});
//匹配第三個(gè)button
$(‘:button:eq(2)’).click(function(){
//查找每一個(gè)復(fù)選框 ， 然后取相反
$(‘:checkbox’).each(function(){
$(this).attr(‘checked’,!$(this).attr(‘checked’));
});
});
})
</script>
以上關(guān)于本文的內(nèi)容，僅作參考！溫馨提示：如遇健康、疾病相關(guān)的問(wèn)題，請(qǐng)您及時(shí)就醫(yī)或請(qǐng)專業(yè)人士給予相關(guān)指導(dǎo)!
「愛(ài)刨根生活網(wǎng)」www.malaban59.cn小編還為您精選了以下內(nèi)容，希望對(duì)您有所幫助：- 選擇全部 電腦全選的快捷鍵是什么
- 怎么安裝jquery 快播插件
- 電腦全選應(yīng)該是ctrl加什么 電腦全選是ctrl加什么
- 淘寶購(gòu)物車(chē)怎么全選付款
- 市場(chǎng)上的飲用水如何安全選購(gòu)？專家給出4個(gè)建議
- 安全選購(gòu)使用燃?xì)鉄崴餍〕ＷR(shí)，你知道幾點(diǎn)？