javascript 兑现复选框全选和全不选
日期：2014-05-16 浏览次数：20406 次
javascript 实现复选框全选和全不选
js:
function getChoose(){
var v_all=document.getElementById("selectAll");
var v_no=document.getElementById("selectNo");
var chkBoxes = document.getElementsByName("bomId");
if(v_all.checked){
if(chkBoxes.length>0){
for(var i=0; i< chkBoxes.length; i++){
if(chkBoxes[i].type=="checkbox"){
chkBoxes[i].checked=true;
}
}
}
}
if(v_no.checked){
v_all.checked=false;
if(chkBoxes.length>0){
for(var i=0; i< chkBoxes.length; i++){
if(chkBoxes[i].type=="checkbox"){
chkBoxes[i].checked=false;
}
}
}
}
}
解释：selectAll、selectNo、bomId分别是复选框的id属性
<input type='checkbox' name='selectAll' id='selectAll' onclick="return getChoose();"/>全选
<input type='checkbox' name='selectNo' id='selectNo' onclick="return getChoose();"/>全不选
下面的这个复选框是循环出来的，是有多个的
<input type='checkbox' name='bomId' id='bomId' value='${tmPart.tinventoryid }' />
js:
function getChoose(){
var v_all=document.getElementById("selectAll");
var v_no=document.getElementById("selectNo");
var chkBoxes = document.getElementsByName("bomId");
if(v_all.checked){
if(chkBoxes.length>0){
for(var i=0; i< chkBoxes.length; i++){
if(chkBoxes[i].type=="checkbox"){
chkBoxes[i].checked=true;
}
}
}
}
if(v_no.checked){
v_all.checked=false;
if(chkBoxes.length>0){
for(var i=0; i< chkBoxes.length; i++){
if(chkBoxes[i].type=="checkbox"){
chkBoxes[i].checked=false;
}
}
}
}
}
解释：selectAll、selectNo、bomId分别是复选框的id属性
<input type='checkbox' name='selectAll' id='selectAll' onclick="return getChoose();"/>全选
<input type='checkbox' name='selectNo' id='selectNo' onclick="return getChoose();"/>全不选
下面的这个复选框是循环出来的，是有多个的
<input type='checkbox' name='bomId' id='bomId' value='${tmPart.tinventoryid }' />
免责声明： 本文仅代表作者个人观点，与爱易网无关。其原创性以及文中陈述文字和内容未经本站证实，对本文以及其中全部或者部分内容、文字的真实性、完整性、及时性本站不作任何保证或承诺，请读者仅作参考，并请自行核实相关内容。
