您当前的位置: 首页 > 前端教程 > jquery教程 > jquery checkbox勾选/取消勾选

jquery checkbox勾选/取消勾选

作者:xiaoxiao 来源:未知 发布时间: 2017-03-21 17:30 点击:
jquery中checkbox勾选和取消勾选的方法 html代码: form 你爱好的运动是?input type=checkbox id=CheckedAll /全选/全不选br / input type=checkbox name=items value=足球 /足球 input type=checkbox name=items value=篮球 /篮球 input type=checkbox name=items va

jquery checkbox勾选/取消勾选

  jquery中checkbox勾选和取消勾选的方法

  html代码:

  <form>

         你爱好的运动是?<input type="checkbox" id="CheckedAll" />全选/全不选<br />

         <input type="checkbox" name="items" value="足球" />足球

         <input type="checkbox" name="items" value="篮球" />篮球

         <input type="checkbox" name="items" value="羽毛球" />羽毛球

         <input type="checkbox" name="items" value="乒乓球" />乒乓球

         <br />

         <input type="button" id="send" value="提 交" />

     </form>

  JS代码:

  $("#CheckedAll").click(function () {

                 if ($(this).is(":checked")) {

                     $("[name=items]:checkbox").prop("checked", true);

                 } else {

                     $("[name=items]:checkbox").prop("checked", false);

                 }

             });
分享到:
本文"jquery checkbox勾选/取消勾选"由远航站长收集整理而来,仅供大家学习与参考使用。更多网站制作教程尽在远航站长站。
顶一下
(0)
0%
踩一下
(0)
0%
[点击 次] [返回上一页] [打印]
  • 上一篇:没有了
  • 下一篇:没有了
相关文章
发表评论
请自觉遵守互联网相关的政策法规,严禁发布色情、暴力、反动的言论。
评价:
表情:
用户名: 密码: 验证码:
关于本站 - 联系我们 - 广告合作 - 网站声明 - 友情连接- 网站地图 - 站点地图 - 返回顶部
Copyright © 2007-2013 www.yhzhan.com(远航站长). All Rights Reserved .
远航站长:为中小站长提供最佳的学习与交流平台,提供网页制作与网站编程等各类网站制作教程.
官方QQ:445490277 网站群:26680406 网站备案号:豫ICP备07500620号-4