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>

 

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

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

【正版授权,激活自己账号】: Jetbrains全家桶Ide使用,1年售后保障,每天仅需1毛

【官方授权 正版激活】: 官方授权 正版激活 支持Jetbrains家族下所有IDE 使用个人JB账号...

(0)


相关推荐

  • 嵌入式学习网站

    嵌入式学习网站创客智造:https://www.ncnynl.com/中国电子网:http://www.21ic.com/中国单片机公共实验室:http://www.bol-system.com/驱动开发网:http://www.driverdevelop.com/first.phpQT中文论坛:http://www.qtcn.org/bbs/i.php水木清华研究中心:http://w…

  • SPSS步骤|卡方检验详细操作和结果分析「建议收藏」

    SPSS步骤|卡方检验详细操作和结果分析「建议收藏」​卡方检验是很常用的一种分析方法,什么情况下使用卡方检验?如果你手上的数据是一种定类数据,比如性别(男、女)是否患病(是、否)。你还想要分析定类数据和定类数据之间的差异关系。例如想要分析性别和是否抽烟之间的关系。这一句话里面包含两个词语,分别是:性别,是否抽烟。性别为X,是否抽烟为Y。性别为定类数据,是否抽烟也是定类数据,此时就可以使用卡方检验。这篇文章分享分别使用两种常见统计分析工具SPSS和SPSSAU完成卡方检验。SPSS是目前常用的统计软件,SPSSAU是更简单的在线数据科学分析工具

  • 软件版本号规范与命名原则是什么_版本号格式

    软件版本号规范与命名原则是什么_版本号格式1.软件版本阶段说明*Alpha版:此版本表示该软件在此阶段主要是以实现软件功能为主,通常只在软件开发者内部交流,一般而言,该版本软件的Bug较多,需要继续修改。*Beta版:该版本相对于α版已有了很大的改进,消除了严重的错误,但还是存在着一些缺陷,需要经过多次测试来进一步消除,此版本主要的修改对像是软件的UI。*RC版:该版本已经相当成熟了,基本上不存在导致错误的B

  • mac安装系统进度条卡住了_mac安装系统进度条卡住了

    mac安装系统进度条卡住了_mac安装系统进度条卡住了查看所有进程ps-ef|grepinstall,然后kill掉macports的安装进程怎么解决:关闭wifi,重新打开安装包就好啦!

  • git 删除本地分支命令_git强制删除远程分支

    git 删除本地分支命令_git强制删除远程分支git删除本地无用分支

    2022年10月17日
  • python列表求平均值是什么函数(python平均值函数是什么)

    php中post和get的区别是什么?_后端开发php中post和get的区别是:1、post更安全并且发送的数据量更大;3、post能发送更多的数据类型,get只能发送ASCII字符;4、post是向服务器传送数据,get是从服务器上获取数据。5、get会缓存数据,而post不会。推荐教程:《python视频教程》python如何求列表平均值?python函数求列表平均值的方法:用法:mean(…

发表回复

您的电子邮箱地址不会被公开。

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