checkbox多选框实现单选效果

来源:互联网 发布:现在开淘宝店晚不晚 编辑:程序博客网 时间:2024/05/21 09:06
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);
         }
     });
 });

0 0
原创粉丝点击