Js实现全选与反选功能
2012-09-19 20:12
459 查看
<script>
function qu(obj)
{
myobj=document.getElementsByName('chk');
for(i=0;i<myobj.length;i++)
{
myobj[i].checked=obj.checked;
}
}
function fan()
{
myobj=document.getElementsByName('chk');
for(i=0;i<myobj.length;i++)
{
myobj[i].checked=!myobj[i].checked
}
}
</script>
<body>
<p>您的爱好是:</p>
全选<input type="checkbox" onclick="qu(this)">
反选<input type="checkbox" onclick="fan()"><br>
篮球<input type="checkbox" name="chk">
睡觉<input type="checkbox" name="chk">
羽毛球<input type="checkbox" name="chk">
乒乓球<input type="checkbox" name="chk">
</body>
function qu(obj)
{
myobj=document.getElementsByName('chk');
for(i=0;i<myobj.length;i++)
{
myobj[i].checked=obj.checked;
}
}
function fan()
{
myobj=document.getElementsByName('chk');
for(i=0;i<myobj.length;i++)
{
myobj[i].checked=!myobj[i].checked
}
}
</script>
<body>
<p>您的爱好是:</p>
全选<input type="checkbox" onclick="qu(this)">
反选<input type="checkbox" onclick="fan()"><br>
篮球<input type="checkbox" name="chk">
睡觉<input type="checkbox" name="chk">
羽毛球<input type="checkbox" name="chk">
乒乓球<input type="checkbox" name="chk">
</body>
相关文章推荐
- js实现树形全选反选功能
- js实现全选和反选功能
- js实现全选和反选功能
- Js 实现一组checkBox全选、不选、反选功能
- js实现全选和反选功能
- js实现全选和反选功能
- js 实现全选、全不选、反选功能
- js实现全选和反选功能
- (15)JS中全选、不选、反选功能的实现
- 使用js实现checkbox的全选与反选功能
- 使用js实现checkbox的全选与反选功能二
- js实现全选、反选功能(批量删除)
- js, jQuery实现全选、反选功能
- 使用js实现全选、反选功能
- js实现全选反选功能
- js实现复选框全选和反选功能
- 利用js实现全选、全部选、反选功能
- jquery实现全选/反选功能
- JS实现复选框的全选和批量删除功能
- icheck结合datatable使用方法及实现全选、反选功能