サマリー：<!DOCTYPE html><html><head><meta charset="UTF-8"><title>我的頁(yè)面</title><script type="text/javascript"> function qx(){
<!DOCTYPE html>
<html>
<head>
<meta charset="UTF-8">
<title>我的頁(yè)面</title>
<script type="text/javascript">
function qx(){
var qx,xx;
qx=document.getElementById('qx');
xx=document.getElementsByName("xx[]");
for(var i=0;i<xx.length;i++) {
if (qx.checked){
xx[i].checked=true;
}else{
xx[i].checked=false;
}
}
}
</script>
</head>
<body>
<div>
<div><input type="checkbox" id="qx" onclick="qx()"><label for="qx">全選</label>
</div><br>
<input type="checkbox" name="xx[]">選項(xiàng)1 <br>
<input type="checkbox" name="xx[]">選項(xiàng)2 <br>
<input type="checkbox" name="xx[]">選項(xiàng)3 <br>
<input type="checkbox" name="xx[]">選項(xiàng)4 <br>
<input type="checkbox" name="xx[]">選項(xiàng)5 <br>
</div>
</body>
</html>
如果選項(xiàng)是數(shù)據(jù)庫(kù)查詢出來的遍歷循環(huán)數(shù)值，選擇之后進(jìn)行操作體驗(yàn)度更高
添削の先生：天蓬老師添削時(shí)間：2019-06-05 13:11:47
先生のまとめ：全選操作, 是比較常用的一種提升用戶體驗(yàn), 快速執(zhí)行批量操作的方式, 實(shí)現(xiàn)的方式也很多... 這里只是提供了一種實(shí)現(xiàn)方案罷了