JavaScript实现全选和反选 超简单

<body>
    <form id="form1" runat="server">
    请选择你的爱好:
    <div>
            <input name="Che" type="checkbox" />足球
            <input name="Che" type="checkbox" />篮球
            <input name="Che" type="checkbox" />上网
            <input name="Che" type="checkbox" />游戏
            <input name="Che" type="checkbox" />逛街
            <input name="Che" type="checkbox" />购物
            <input name="Che" type="checkbox" />排球
            <input name="Che" type="checkbox" />看书
    </div>
    <input id="btnquan" type="button" οnclick="quan()" value="全选" />
    <input id="btnfan" type="button" οnclick="fan()"  value="反选" />
    </form>
</body>

 

 

<script>

//全选的方法 超简单

function quanxuan()

{

//获得 所有的复选框

var che=document.getElementByName("Che");

//循环所有的复选框

for(var i=0;i<che.length;i++)

{

     che[i].checked=true;

}

}

 

//反选的方法

 

function fanxuan()

{

   //同样也是获得所有的复选框

  var  che=document.getElementByName("Che");

  //同样for循环

 for(var i=0;i<che.length;i++)

{

  if(che[i].checked==true)

{

    che[i].checked=false;

}

else

{

 che[i].checked=true;

}

}

}

</script>

评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值