假設(shè)有8個(gè)checkbox復(fù)選框從集合里讀取到的 比如要勾第5個(gè)checkbox 前面4個(gè)全部勾上 勾第8個(gè)前面七個(gè)全部勾上 JS要怎么寫(xiě)呢
2 回答
大話(huà)西游666
TA貢獻(xiàn)1817條經(jīng)驗(yàn) 獲得超14個(gè)贊
<input type="checkbox" data-index="1" class="chexkbox">選項(xiàng)1<input type="checkbox" data-index="2" class="chexkbox">選項(xiàng)2<input type="checkbox" data-index="3" class="chexkbox">選項(xiàng)3<input type="checkbox" data-index="4" class="chexkbox">選項(xiàng)4<input type="checkbox" data-index="5" class="chexkbox">選項(xiàng)5<input type="checkbox" data-index="6" class="chexkbox">選項(xiàng)6<input type="checkbox" data-index="7" class="chexkbox">選項(xiàng)7<input type="checkbox" data-index="8" class="chexkbox">選項(xiàng)8<input type="checkbox" data-index="9" class="chexkbox">選項(xiàng)9<input type="checkbox" data-index="10" class="chexkbox">選項(xiàng)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貢獻(xiàn)1785條經(jīng)驗(yàn) 獲得超8個(gè)贊
用jquery寫(xiě)的。用到了jquery的prevAll()方法。
$(".input").click(function(){//這個(gè)input是我給checkbox取的共有類(lèi)名
$(this).prevAll().attr("checked",true);
})
添加回答
舉報(bào)
0/150
提交
取消