假設有8個checkbox復選框從集合里讀取到的 比如要勾第5個checkbox 前面4個全部勾上 勾第8個前面七個全部勾上 JS要怎么寫呢
2 回答
大話西游666
TA貢獻1817條經驗 獲得超14個贊
<input type="checkbox" data-index="1" class="chexkbox">選項1<input type="checkbox" data-index="2" class="chexkbox">選項2<input type="checkbox" data-index="3" class="chexkbox">選項3<input type="checkbox" data-index="4" class="chexkbox">選項4<input type="checkbox" data-index="5" class="chexkbox">選項5<input type="checkbox" data-index="6" class="chexkbox">選項6<input type="checkbox" data-index="7" class="chexkbox">選項7<input type="checkbox" data-index="8" class="chexkbox">選項8<input type="checkbox" data-index="9" class="chexkbox">選項9<input type="checkbox" data-index="10" class="chexkbox">選項10<script>var checkboxArr = document.getElementsByClassName('chexkbox');for(var i = 0; i < checkboxArr.length; i ++){ checkboxArr[i].onclick = function(){ var index = this.getAttribute('data-index'); for(var c = 0; c < index; c ++){ if(this.checked == true){ checkboxArr[c].checked = true; }else{ checkboxArr[c].checked = false; } } }}</script>
慕的地10843
TA貢獻1785條經驗 獲得超8個贊
用jquery寫的。用到了jquery的prevAll()方法。
$(".input").click(function(){//這個input是我給checkbox取的共有類名
$(this).prevAll().attr("checked",true);
})
添加回答
舉報
0/150
提交
取消