JS 某一区域内所有CheckBox全选和取消全选(.net)
2013-12-02 16:12
309 查看
假设在某个table中的两个td,一个放全选checkbox,一个放所有的checkbox【其他标签类似】
eg: <td>人才类别:<asp:CheckBox ID="choseAll" ToolTip="全选" onclick="CheckedAll('choseAll','cbl')" runat="server" />
</td>
<td id="cbl1">
<asp:CheckBoxList ID="cblRcType" runat="server" RepeatColumns="4" RepeatDirection="Horizontal">
</asp:CheckBoxList>
</td>
那么JS方法为:
function CheckedAll(checkall,tbObj)
{
var checkAll=document.getElementById(""+checkall+"");
if( checkAll.checked ) // 全选
{
var inputs=document.getElementById(""+tbObj+"").getElementsByTagName("input");
for (var i=0; i < inputs.length; i++)
{
if (inputs[i].type == "checkbox" && inputs[i].id != ""+checkall+"" )
{
inputs[i].checked = true;
}
}
checkAll.title="取消全选";
}
else // 取消全选
{
var inputs=document.getElementById(""+tbObj+"").getElementsByTagName("input");
for (var i=0; i < inputs.length; i++) // 遍历页面上所有的 input
{
if (inputs[i].type == "checkbox" && inputs[i].id != ""+checkall+"" )
{
inputs[i].checked = false;
}
}
checkAll.title="全选";
}
}
eg: <td>人才类别:<asp:CheckBox ID="choseAll" ToolTip="全选" onclick="CheckedAll('choseAll','cbl')" runat="server" />
</td>
<td id="cbl1">
<asp:CheckBoxList ID="cblRcType" runat="server" RepeatColumns="4" RepeatDirection="Horizontal">
</asp:CheckBoxList>
</td>
那么JS方法为:
function CheckedAll(checkall,tbObj)
{
var checkAll=document.getElementById(""+checkall+"");
if( checkAll.checked ) // 全选
{
var inputs=document.getElementById(""+tbObj+"").getElementsByTagName("input");
for (var i=0; i < inputs.length; i++)
{
if (inputs[i].type == "checkbox" && inputs[i].id != ""+checkall+"" )
{
inputs[i].checked = true;
}
}
checkAll.title="取消全选";
}
else // 取消全选
{
var inputs=document.getElementById(""+tbObj+"").getElementsByTagName("input");
for (var i=0; i < inputs.length; i++) // 遍历页面上所有的 input
{
if (inputs[i].type == "checkbox" && inputs[i].id != ""+checkall+"" )
{
inputs[i].checked = false;
}
}
checkAll.title="全选";
}
}
相关文章推荐
- JS实现复选框(Checkbox)全选和取消 --ASP.NET中实例运用
- asp.net单击头模板中的checkbox,实现datalist中所有chebox的全选和取消
- JS小功能(checkbox实现全选和全取消)实例代码
- 比较全的JS checkbox全选、取消全选、删除功能代码
- 一段checkbox全选或钱取消的js代码
- 比较全的JS checkbox全选、取消全选、删除功能代码
- JS基础学习篇----JS控制checkbox全选、取消全选、删除功能
- asp.net中Repeater结合js实现checkbox的全选/全不选
- checkbox全选/取消/选中所有奇数/反选/获得选中的值
- ASP.NET遍历某一区域所有的TextBox并为其赋值
- js实现datalist中checkbox全选或取消
- ASP.NET CheckBoxList 控件实现全选、反选、清除功能 利用js
- addMissiveNo.jsp复杂js判断--checkbox--json--全选--反选--取消
- 全选复选框和取消所有复选框 jquery全选复选框 js全选复选框
- asp.net GridView控件中模板列CheckBox全选、反选、取消
- JS小功能(checkbox实现全选和全取消)实例代码
- checkbox的全选和取消全选按钮的js
- [js代码] input checkbox 全选与取消全选
- 比较全的JS checkbox全选、取消全选、删除功能代码