JS+JSP checkBox 全選具體實(shí)現(xiàn)
<script>
function func(){
var options=document.getElementsByName("chkBox");
for (var i=0;i<options.length;i++){
if(!options[i].disabled){
options[i].checked=true;
}
}
}
</script>
<input type=checkbox name=chkBox value=1 disabled>
<input type=checkbox name=chkBox value=1>
<input type=checkbox name=chkBox value=1>
<input type=checkbox name=chkBox value=1>
<input type=button value="測(cè) 試" onclick="func()">
用javascript吧。
<html>
<body>
<script>
function kk(){
var handleEl = document.getElementById("kkHandler");
var els = document.getElementsByName("kk");
for(i=0;i<els.length;i++){
els[i].checked = handleEl.checked;
}
}
</script>
<input type=checkbox onclick="kk()" name="kkHandler">全選<br>
<input type=checkbox name="kk">
<input type=checkbox name="kk">
</body>
</html>
2:
<form name="form" ID="Form1">
<input type="checkbox" name="id" value="" ID="Checkbox1">1
<input type="checkbox" name="id" value="" ID="Checkbox2">2
<input type="checkbox" name="chose" value="" onclick="selectAll()" ID="Checkbox5">allselect
</form>
<script>
function selectAll()
{
if(!document.form.id.length){
if(document.form.chose.checked){
document.form.id.checked=true;
}
else{
document.form.id.checked=false;
}
}
else{
for(var i=0;i<document.form.id.length;i++){
if(document.form.chose.checked){
document.form.id[i].checked=true;
}
else{
document.form.id[i].checked=false;
}
}
}
}
</script>
3:
<input type='checkbox' name='info' value='a'>
<input type='checkbox' name='info' value='b'>
<input type='checkbox' name='info' value='c'>
<input type='checkbox' name='info' value='d'>
<input type='checkbox' name='info' value='e'><br>
<input type='button' value =' 全選 'onclick='check_all();'>
<script>
function check_all(){
arr = document.getElementsByName('info');
for(i=0;i<arr.length;i++){
arr[i].checked = true;
}
}
</script>
相關(guān)文章
javascript簡(jiǎn)單實(shí)現(xiàn)跟隨滾動(dòng)條漂浮的返回頂部按鈕效果
這篇文章主要介紹了javascript簡(jiǎn)單實(shí)現(xiàn)跟隨滾動(dòng)條漂浮的返回頂部按鈕效果,涉及javascript基于onscroll事件動(dòng)態(tài)改變頁(yè)面元素樣式的相關(guān)技巧,需要的朋友可以參考下2016-08-08JavaScript canvas實(shí)現(xiàn)七彩時(shí)鐘效果
這篇文章主要為大家詳細(xì)介紹了JavaScript canvas實(shí)現(xiàn)七彩時(shí)鐘效果,文中示例代碼介紹的非常詳細(xì),具有一定的參考價(jià)值,感興趣的小伙伴們可以參考一下2021-05-05Radio 單選JS動(dòng)態(tài)添加的選項(xiàng)onchange事件無效的解決方法
radio 單選JS動(dòng)態(tài)添加的選項(xiàng),onchange事件無效。使用delegate()函數(shù)可以解決該問題,具體解決方案大家通過本文詳細(xì)了解下2016-12-12bootstrap 點(diǎn)擊空白處popover彈出框隱藏實(shí)例
下面小編就為大家分享一篇bootstrap 點(diǎn)擊空白處popover彈出框隱藏實(shí)例,具有很好的參考價(jià)值,希望對(duì)大家有所幫助。一起跟隨小編過來看看吧2018-01-01簡(jiǎn)單實(shí)現(xiàn)js點(diǎn)擊展開二級(jí)菜單功能
這篇文章主要教大家簡(jiǎn)單實(shí)現(xiàn)js點(diǎn)擊展開二級(jí)菜單功能,文中示例代碼介紹的非常詳細(xì),具有一定的參考價(jià)值,感興趣的小伙伴們可以參考一下2017-05-05javascript實(shí)現(xiàn)日期三級(jí)聯(lián)動(dòng)下拉框選擇菜單
這篇文章主要介紹了javascript實(shí)現(xiàn)日期三級(jí)聯(lián)動(dòng)下拉框選擇菜單,實(shí)現(xiàn)JS年月日三級(jí)聯(lián)動(dòng)下拉框選擇功能,具有一定的參考價(jià)值,感興趣的小伙伴們可以參考一下2017-04-04javascript 包裹節(jié)點(diǎn) 提高效率
模仿jQuery,創(chuàng)建幾個(gè)包裹節(jié)點(diǎn)的方法,發(fā)現(xiàn)jQuery的方法很低效啊,下一次他又可以說這幾個(gè)方法可以提升了多少多少了。2010-02-02