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


相关推荐

  • 手把手教你上手Proteus(下载安装+仿真51单片机程序)

    手把手教你上手Proteus(下载安装+仿真51单片机程序)Proteus软件的功能很强大,它集合了电路仿真、PCB设计、虚拟模型仿真,不过本文只介绍Proteus的安装和它的电路仿真功能(单片机及外设)。本文介绍的Proteus版本为Proteus8.9SP2Pro(免破解版本)

    2022年5月25日
    109
  • c#(asp.net)杂谈笔记

    c#(asp.net)杂谈笔记

    2021年6月20日
    97
  • Android中的Matrix(矩阵)

    Android中的Matrix(矩阵)Android中的Matrix,了解如何使用Android的矩阵Matrix

    2022年7月3日
    29
  • bytebuf池_Netty ByteBuf[通俗易懂]

    bytebuf池_Netty ByteBuf[通俗易懂]ByteBufByteBuf需要提供JDKByteBuffer的功能(包含且不限于),主要有以下几类基本功能:7种Java基础类型、byte[]、ByteBuffer(ByteBuf)的等的读写缓冲区自身的copy和slice设置网络字节序构造缓冲区实例操作位置指针扩容原理首先确认ByteBuf是否已经被释放,如果被释放,则抛出IllegalReferenceCountException异常判断…

    2026年1月27日
    5
  • DirBuster使用教程

    DirBuster使用教程工具是kali自带,多用于网站的后台扫描工具路径:/usr/share/dirbustercd/usr/share/dirbuster进入路径后ls查看,会看到目录下的jar文件:2.java-jarDirBuster-1.0-RC1.jar打开jar文件3.出现可视化窗口,配置很多,现在我们先填写空白的输入框部分,这里我们在第一个输入框填写扫描网站的url地址4….

    2025年7月21日
    3
  • VMWare虚拟机上网的方法

    VMWare虚拟机上网的方法VMWare虚拟机上网的方法1推荐局域网方式:如果主机是在局域网内通过网关或代理上网,那虚拟机的网络方式设为Bridged连接,把IP地址设为同主机在一个网段,比如主机IP是192.168.0.45,网关是192.168.0.1,那虚拟机的IP设为192.168.0.2-254中的一个,注意不要和已有的IP重复,然后网关也设为192.168.0.1,就可以上网了。宽带拨号方式

    2022年5月19日
    45

发表回复

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

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