手机
当前位置:查字典教程网 >编程开发 >Javascript教程 >JS+JSP checkBox 全选具体实现
JS+JSP checkBox 全选具体实现
摘要:复制代码代码如下:functionfunc(){varoptions=document.getElementsByName("chkBox"...

复制代码 代码如下:

<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="测 试">

用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 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="" 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>

【JS+JSP checkBox 全选具体实现】相关文章:

音乐播放用的的几个函数

光标的帖子总结(Range的使用)

JQuery中上下文选择器实现方法

浅谈利用JavaScript进行的DDoS攻击原理与防御

JS实现跳转代码:多域名指向同一空间

判断checkbox选择的个数 多浏览器

javaScript中with函数用法实例分析

JavaScript中的bold()方法使用详解

JavaScript 预解析的原理及实现

JS+DIV实现鼠标划过切换层效果的方法

精品推荐
分类导航