checkbox多选框实现单选效果

最新推荐文章于 2024-02-02 15:24:02 发布

公众号_一码当先

最新推荐文章于 2024-02-02 15:24:02 发布

阅读量2.1k

点赞数 1

分类专栏： JavaScript 文章标签： checkbox单选效果实现 checkbox多选框实现单选效果 checkbox如何实现radio单选效 checkbox如何实现单选效果

本文链接：https://blog.csdn.net/qq_30776829/article/details/53818617

版权

JavaScript 专栏收录该内容

5 篇文章 0 订阅

订阅专栏

checkbox多选框实现单选效果

直接上代码：
页面代码如下：
<div id="oneInfo">
    <table>
      <tr>
         <td><input type="checkbox" class="rjzfmj" name="house" value="10" ></td>
   </tr>
       <tr>
       <td><input type="checkbox" class="rjzfmj" name="house" value="8" ></td>
     </tr>
      <tr>
       <td><input type="checkbox" class="rjzfmj" name="house" value="4" ></td>
      </tr>
    </table
</div>

js代码如下：
$(document).ready(function(){
     var vb=$("#oneInfo input[class='rjzfmj']");
           vb.click(function(){
            if(this.checked||this.checked=='checked'){
            vb.removeAttr("checked");
            $(this).attr("checked",true);
        }
     });
});