手机
当前位置:查字典教程网 >编程开发 >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 全选具体实现】相关文章:

JavaScript中指定函数名称的相关方法

JavaScript 预解析的原理及实现

JavaScript操作XML文件之XML读取方法

javascript元素动态创建实现方法

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

简介JavaScript中用于处理正切的Math.tan()方法

一个特帅的展示图片的js+css

checkbox实现全选的多种方法 不断更新 原创

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

javaScript中with函数用法实例分析

精品推荐
分类导航