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


相关推荐

  • mac版pycharm使用方法_电脑管家mac版是什么意思

    mac版pycharm使用方法_电脑管家mac版是什么意思自定义模版在头部自动生成项目名称、文件所属作者、生成时间参数模版。File–>PreferencesforNewProject–>Editor–>FileandCodeTemplates–>PythonScript–>编辑完后点Apply–>OK#!/usr/bin/envpython#-*-coding…

    2022年8月26日
    4
  • 最新java内存模型_java内存模型

    最新java内存模型_java内存模型1.Java内存模型Java内存模型是每个java程序员必须掌握理解的,这是Java的核心基础,对我们编写代码特别是并发编程时有很大帮助。由于Java程序是交由JVM执行的,所以我们在谈Java内存区域划分的时候事实上是指JVM内存区域划分。1.1.Java程序执行流程回顾如图所示首先Java源代码文件(.java后缀)会被Java编译器编译为字节码文件(.class后缀),然后由JVM中…

    2022年7月7日
    21
  • Android移动开发-Android数据加密与解密的实现「建议收藏」

    Android移动开发-Android数据加密与解密的实现「建议收藏」数据的安全是非常重要的,现在无论干什么都要账号和密码,一旦账号与密码泄露出去必将造成财产的损失,所以做好数据保密是非常重要的。Android加密算法有多种多样,常见的有MD5、RSA、AES、3DES四种。

    2022年5月16日
    51
  • 大数据开发学习,大数据学习路线(完整详细版)[通俗易懂]

    大数据开发学习,大数据学习路线(完整详细版)[通俗易懂]很多初学者,对大数据的概念都是模糊不清的,大数据是什么,能做什么,学的时候,该按照什么线路去学习,学完往哪方面发展,想深入了解,想学习的同学欢迎加入大数据学习qq群:199427210,有大量干货(零基础以及进阶的经典实战)分享给大家,并且有清华大学毕业的资深大数据讲师给大家免费授课,给大家分享目前国内最完整的大数据高端实战实用学习流程体系在巨大的数据集中进行筛选的最好工具是什么?以下是…

    2022年5月2日
    44
  • Sobel算子的理解

    Sobel算子的理解sobel算子主要用于获得数字图像的一阶梯度,常见的应用和物理意义是边缘检测。原理算子使用两个33的矩阵(图1)算子使用两个33的矩阵(图1)去和原始图片作卷积,分别得到横向G(x)和纵向G(y)的梯度值,如果梯度值大于某一个阈值,则认为该点为边缘点Gx方向的相关模板:Gy方向的相关模板:看了网上的很多资料,都把卷积和相关的概念给弄糊了,书上

    2022年7月14日
    16
  • python wpa_wpa_passphrase「建议收藏」

    python wpa_wpa_passphrase「建议收藏」辛苦历程之前一直用NetworkManager管理无线网络,后来换了fvwm以后,NetworkManager就不知道怎么用了,虽然查到有一个命令行版本的,客户端叫nmcli,但是无奈不知道怎么用,只好用wicd了,虽然也挺方便,但是占用的内存真是大——虽然只有16MB,但是相比它实现的功能,这个投入产出比已经非常低了。昨天因为某些搞笑原因,重装了系统,发现安装wicd还要安装一堆gnome和py…

    2025年6月24日
    2

发表回复

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

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