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)
全栈程序员-站长的头像全栈程序员-站长


相关推荐

  • MAMP “403 Forbidden You don’t have permission to access / on this server.”

    MAMP “403 Forbidden You don’t have permission to access / on this server.”

    2021年10月19日
  • python多因素方差分析_双因素方差分析例题

    python多因素方差分析_双因素方差分析例题在实际应用中,一个实验的指标往往受到多个因素的影响。例如饮料的销量有可能受到销售地区或者饮料颜色的影响。在方差分析中,若把饮料的颜色看做影响销量的因素A,把销售地区看做影响因素B。同时对因素A和因素B进行分析,就称为双因素方差分析。a b ca1 b1 20a1 b2 22a1 b3 24a1 b4 16a1 b5 26a2 b1 12a2 b2 10a2 b3 14a2 b…

    2022年10月7日
  • 下载whl文件,离线方式安装numpy包_python离线安装pip

    下载whl文件,离线方式安装numpy包_python离线安装pip一:单独下载文件1、下载whl离线文件到本地,放到c盘根目录(任意位置均可,只是方便安装)https://pypi.org/https://www.lfd.uci.edu/~gohlke/pythonlibs/(推荐用这个地址下载whl文件,国内源,速度快。ctrl+f找到自己需要的文件)2、cmd到存放whl文件的目录3、pip安装whl离线文件pipinstall****.whl(****.whl是我们下载的whl的文件名称)二、批量下载…

    2022年8月30日
  • MacBook 常用快捷键

    MacBook 常用快捷键MacOSX系统图形表示方法⇧=shift⌃=control⌥=option/altHome=fn+◄End=fn+►PageUp=fn+▲PageDown=fn+▼删除后一个字符(普通键盘的Delete)=fn+delete截图保存整个屏幕到桌面=shift+command+3保存整个屏幕到剪贴板=control+shift…

    2022年5月9日
  • Java中,为什么byte类型的取值范围为-128~127?

    Java中,为什么byte类型的取值范围为-128~127?在学习Java基础语法的时候,初学者的我们可能都会有这么一个疑问为什么byte类型的取值范围为什么是[-128,127]而不是[-127,127]。01111111表示最大的数值:127,因为第一位是符号位,所以11111111应该是最小的数值:-127,不是这样才对?在解释这个问题之前我们需要了解几个概念:机器数、真值、原码、反码、补码机器数:一个数在计算机中的二进制表示形式,叫做这个数的机器

    2022年6月15日
  • pandas无法打开.xlsx文件,xlrd.biffh.XLRDError: Excel xlsx file; not supported

    pandas无法打开.xlsx文件,xlrd.biffh.XLRDError: Excel xlsx file; not supported原因是最近xlrd更新到了2.0.1版本,只支持.xls文件。所以pandas.read_excel(‘xxx.xlsx’)会报错。可以安装旧版xlrd,在cmd中运行:pipuninstallxlrdpipinstallxlrd==1.2.0

    2022年10月20日

发表回复

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

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