Jquery--实现checkbox单选框

最新推荐文章于 2023-07-30 18:21:40 发布

huang_jimei

最新推荐文章于 2023-07-30 18:21:40 发布

阅读量465

点赞数

分类专栏： Jquery

本文链接：https://blog.csdn.net/huang_jimei/article/details/107482354

版权

Jquery 专栏收录该内容

13 篇文章 0 订阅

订阅专栏

一、jq实现单选框
(1)代码

<body>
     <input type="checkbox" name="aaa" class="checkbox1" id="a1" value="" /><label for="a1">苹果</label>
     <input type="checkbox" name="aaa" class="checkbox1" id="a2" value="" /><label for="a2">香蕉</label>
     <input type="checkbox" name="aaa" class="checkbox1" id="a3" value="" /><label for="a3">西瓜</label>
 </body>
 <script type="text/javascript" src="js/jquery-1.11.1.min.js"></script>
 <script>
  $('.checkbox1').click(function() {
   if($(this).is(':checked')) {
      $(this).attr('checked', true).siblings().attr('checked', false);
   } else {
      $(this).attr('checked', false).siblings().attr('checked', false);
   }
  });
  //})
 </script>

（2）效果
在这里插入图片描述

huang_jimei

关注

0
点赞
踩
1

收藏

觉得还不错? 一键收藏
0
评论
Jquery--实现checkbox单选框

一、jq实现单选框(1)代码<body> <input type="checkbox" name="aaa" class="checkbox1" id="a1" value="" /><label for="a1">苹果</label> <input type="checkbox" name="aaa" class="checkbox1" id="a2" value="" /><label for="a2">香蕉
复制链接

扫一扫