JS+JSP checkBox 全選具體實(shí)現(xiàn)
更新時(shí)間：2014年01月02日 17:26:33 作者：
本文為大家介紹下使用JS+JSP實(shí)現(xiàn)checkBox全選，下面有個(gè)不錯(cuò)的示例，感興趣的朋友可以參考下
復(fù)制代碼 代碼如下:
<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吧。
復(fù)制代碼 代碼如下:
<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:
復(fù)制代碼 代碼如下:
<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:
復(fù)制代碼 代碼如下:
<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)文章
js通過(guò)指定下標(biāo)或指定元素進(jìn)行刪除數(shù)組的實(shí)例
下面小編就為大家?guī)?lái)一篇js通過(guò)指定下標(biāo)或指定元素進(jìn)行刪除數(shù)組的實(shí)例。小編覺得挺不錯(cuò)的，現(xiàn)在就分享給大家，也給大家做個(gè)參考。一起跟隨小編過(guò)來(lái)看看吧2017-01-01
javascript實(shí)現(xiàn)鏈接單選效果的方法
這篇文章主要介紹了javascript實(shí)現(xiàn)鏈接單選效果的方法,可實(shí)現(xiàn)點(diǎn)擊鏈接改變其背景色的功能,同時(shí)可禁用對(duì)應(yīng)鏈接的跳轉(zhuǎn),需要的朋友可以參考下2015-05-05
javascript實(shí)現(xiàn)用戶管理系統(tǒng)
這篇文章主要為大家詳細(xì)介紹了javascript實(shí)現(xiàn)用戶管理系統(tǒng)，文中示例代碼介紹的非常詳細(xì)，具有一定的參考價(jià)值，感興趣的小伙伴們可以參考一下2022-06-06
這篇文章主要介紹了JS原生實(shí)現(xiàn)輪播圖的幾種方法，文中通過(guò)示例代碼介紹的非常詳細(xì)，對(duì)大家的學(xué)習(xí)或者工作具有一定的參考學(xué)習(xí)價(jià)值，需要的朋友們下面隨著小編來(lái)一起學(xué)習(xí)學(xué)習(xí)吧2021-03-03
原生js實(shí)現(xiàn)鍵盤控制div移動(dòng)且解決停頓問題
這篇文章主要給大家介紹了如何利用原生js實(shí)現(xiàn)鍵盤控制div移動(dòng)，并且解決在移動(dòng)過(guò)程中的停頓問題，文中給出了詳細(xì)的示例代碼，相信對(duì)大家的理解和學(xué)習(xí)很有幫助，下面跟著小編一起來(lái)看看吧。2016-12-12
JavaScript高級(jí)程序設(shè)計(jì) 讀書筆記之九 本地對(duì)象Array
本地對(duì)象Array，數(shù)組等操作函數(shù)2012-02-02
這篇文章主要為大家詳細(xì)介紹了微信小程序?qū)崿F(xiàn)利息計(jì)算器，文中示例代碼介紹的非常詳細(xì)，具有一定的參考價(jià)值，感興趣的小伙伴們可以參考一下2022-09-09
js純數(shù)字逐一停止顯示效果的實(shí)現(xiàn)代碼
下面小編就為大家?guī)?lái)一篇js純數(shù)字逐一停止顯示效果的實(shí)現(xiàn)代碼。小編覺得非常不錯(cuò)?，F(xiàn)在分享給大家。給大家一個(gè)參考2016-03-03
擴(kuò)展String功能方法...2006-09-09
JavaScript創(chuàng)建對(duì)象的寫法
JavaScript 有Date、Array、String等這樣的內(nèi)置對(duì)象，功能強(qiáng)大使用簡(jiǎn)單，人見人愛，但在處理一些復(fù)雜的邏輯的時(shí)候，內(nèi)置對(duì)象就很無(wú)力了，往往需要開發(fā)者自定義對(duì)象2013-08-08