全选的实现非常的简单,只要点击之后进行for遍历checkbox 设置为checked即可,了但如果还要赋值简单的升级一下即可,下面来看看。
网上有很多的全选、赋值的js方法,但是没有小编想要的那样的代码,既然今天用到了,就把代码贴出来分享一下。
js代码:
代码如下
<script>
functionuncheckAll()
{
varcode_Values=document.getElementsByName('email');
vartem=document.getElementById("to").value;
varbb=document.getElementById('to');
if(code_Values.length)
{
for(vari=0;i<code_Values.length;i++)
{
if(code_Values.checked)
{
code_Values.checked=false;
tem=tem.replace(code_Values.value+",","");
}
else
{
code_Values.checked=true;
tem+=code_Values.value+",";
}
}
}
bb.value=tem;
}
< /script>
tml代码:
代码如下
<inputid="to"type="text"class="input"size="60"name="to"value=""/>
< inputtype="button"class="btn"onclick="javascript:uncheckAll();"value="全选"/>
<inputtype="checkbox"value="111"name="email"/> 111
< inputtype="checkbox"value="222"name="email"/> 222
< inputtype="checkbox"value="333"name="email"/> 333
网上有很多的全选、赋值的js方法,但是没有小编想要的那样的代码,既然今天用到了,就把代码贴出来分享一下。
js代码:
代码如下
<script>
functionuncheckAll()
{
varcode_Values=document.getElementsByName('email');
vartem=document.getElementById("to").value;
varbb=document.getElementById('to');
if(code_Values.length)
{
for(vari=0;i<code_Values.length;i++)
{
if(code_Values.checked)
{
code_Values.checked=false;
tem=tem.replace(code_Values.value+",","");
}
else
{
code_Values.checked=true;
tem+=code_Values.value+",";
}
}
}
bb.value=tem;
}
< /script>
tml代码:
代码如下
<inputid="to"type="text"class="input"size="60"name="to"value=""/>
< inputtype="button"class="btn"onclick="javascript:uncheckAll();"value="全选"/>
<inputtype="checkbox"value="111"name="email"/> 111
< inputtype="checkbox"value="222"name="email"/> 222
< inputtype="checkbox"value="333"name="email"/> 333
扫码二维码 获取免费视频学习资料
- 本文固定链接: http://phpxs.com/post/1799/
- 转载请注明:转载必须在正文中标注并保留原文链接
- 扫码: 扫上方二维码获取免费视频资料
查 看2022高级编程视频教程免费获取