JQ-checkbox实现单选功能

JQ-checkbox实现单选功能<divstyle=”line-height:1.5em;padding:5px0;font-size:14px;”><ulclass=”mui-table-view”><liclass=”mui-input-row”><inputtype=”checkbox”name=”quesA”id=”quesA”value=”…

大家好,又见面了,我是你们的朋友全栈君。

<div style="line-height:1.5em;padding: 5px 0;font-size: 14px;">
  <ul class="mui-table-view">
    <li class="mui-input-row"><input type="checkbox" name="quesA" id="quesA" value=""/>A.我 
      比失恋还难受</li>
    <li class="mui-input-row"><input type="checkbox" name="quesB" id="quesB" value="" />B. 
      科比的退役是可惜,但是很快会有新人代替他</li>
    <li class="mui-input-row"><input type="checkbox" name="quesC" id="quesC" value="" />C. 
      科比就是矫情,退役还搞这么大的排场</li>
    <li class="mui-input-row"><input type="checkbox" name="quesD" id="quesD" value="" />D. 
      其他,_________________</li>
  </ul>
</div>

js实现单选功能,遍历每一个checkbox,如果有一个选中,其他的就默认未选中状态,从而实现checkbox单选功能,并且可以实现都不选中状态,比单选按钮要好一点

<script>
  $(function(){
        $(':checkbox[type="checkbox"]').each(function(){
            $(this).click(function(){
                if($(this).attr('checked')){
                    $(':checkbox[type="checkbox"]').removeAttr('checked');
                    $(this).attr('checked','checked');
                    alert(this.id);
                }
            });
        });
    });
</script>

 

版权声明:本文内容由互联网用户自发贡献,该文观点仅代表作者本人。本站仅提供信息存储空间服务,不拥有所有权,不承担相关法律责任。如发现本站有涉嫌侵权/违法违规的内容, 请联系我们举报,一经查实,本站将立刻删除。

发布者:全栈程序员-站长,转载请注明出处:https://javaforall.net/139311.html原文链接:https://javaforall.net

(0)
上一篇 2022年5月30日 上午6:16
下一篇 2022年5月30日 上午6:16


相关推荐

  • XNA使用XML

    XNA使用XML整个周末都奉献给了 XNA 和 XML 和 生活大爆炸 虽然很想写一篇总结的 但是等不及去实现新的创意了 于是只好将 MSDN 上相关的内容直接 COPY 到这里了 简单易用哦 AddinganXMLC

    2026年3月26日
    2
  • 获取WebView里的网页文本内容[通俗易懂]

    获取WebView里的网页文本内容

    2022年1月27日
    44
  • 好用又好玩的微信小程序大全「建议收藏」

    小马哥去合肥坐公交车,把小程序推广的更加的接地气和实用,微信的巨大用户量,让小程序有天然的流量入口,其次小程序不用下载安装耗费流量,占用手机的存储空间,启动速度比APP相当,下面是网友整理的目前好用的微信小程序大全,有的是软件开放的,有的可能是在好建小程序免费生成的,建议大家根据自己的喜好和需要收藏!【热门小程序】美团外卖滴滴公交查询车来了

    2022年4月11日
    51
  • MATLAB矩阵归一化

    MATLAB矩阵归一化一、单位化矩阵输出矩阵Y为单位化矩阵;方法即是矩阵中所有元素除以该元素所在列向量的二范数clc;clear;X=[790397784912941927110520413297685037113513301925145927514879422793820814161794215597691627989019321599910182113510062864105210051618839196

    2022年6月25日
    74
  • 数据库主键与外键

    数据库主键与外键主键概念 主关键字 primarykey 是表中的一个或多个字段 它的值用于唯一地标识表中的某一条记录 外键概念 外键 foreignkey 能保持数据的一致性 完整性主键用力啊标识数据的唯一性 而外键主要保证多张表的数据一致性 也就是需要保持多表同一数据的一致性 也许直接晦涩的解释其概念 对于起步接触数据库的人来说不太友好可以看如下实际用例 建一张 department 表 也可以把其理解为主表 这张主表用于记录部门 id 的唯一性 createtabled idintpr

    2025年6月22日
    6
  • nopcommerce mysql_NopCommerce用.net core重写ef

    nopcommerce mysql_NopCommerce用.net core重写ef最近看了 NopCommerce 源码 用 core 学习着写了一个项目 修改的地方记录下 项目地址 NopCommerce 框架出来好久了 18 年的第一季度懒加载出来后也会全部移动到 netcore 那么就更好玩了 项目内容模仿部分分层模式引擎机制 DI 容器 EF 仓储模式 Mapping 部分修改 netcore 重写类库 EFcoremysql 动态加载 dbset 当然 NopCommerce 还包含很多特技 P

    2026年1月26日
    2

发表回复

您的邮箱地址不会被公开。 必填项已用 * 标注

关注全栈程序员社区公众号