JS+JSP checkBox 全选具体实现
作者:互联网
2025-08-15
复制代码代码如下:
< 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="测 试" 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 >
相关标签:
相关推荐
专题
+ 收藏
+ 收藏
+ 收藏
+ 收藏
+ 收藏
+ 收藏
最新数据
相关文章
都知道AI大模型能生成文本内容,那你知道大模型是怎样生成文本的吗?
vue3 数据响应式遇到的问题
vxe-table 自定义数字行主键,解决默认字符串主键与后端类型不匹配问题
AI 打字跟随优化
你的 Vue 3 defineEmits(),VuReact 会编译成什么样的 React?
Vue3 + TS 企业级工程化项目全套实战(Vue3 + Vite + Pinia + VueRouter + Element Plus)
Vue 3 defineOptions 宏,用 VuReact 编译成 React 长什么样?
Vue3 KeepAlive 深度揭秘:组件缓存的魔法是如何实现的?
你的 Vue 3 useAttrs(),VuReact 会编译成什么样的 React?
虚拟 DOM 的 Diff 算法:Vue/React 如何实现高效更新
AI精选
