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">香蕉</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)效果
在这里插入图片描述

猜你喜欢

转载自blog.csdn.net/huang_jimei/article/details/107482354