js checkbox复选框实现单选功能[通俗易懂]

js checkbox复选框实现单选功能[通俗易懂]本文仅供学习交流使用,如侵立删!联系方式及demo下载见文末jscheckbox复选框实现单选功能<scripttype=”text/javascript”> $(“:checkbox”).click(function(){ $(this).attr(“checked”,true);//设置当前选中checkbox的状态为checked $(this).siblings().attr(“checked”,false);//设置当前选中的checkbox同级(兄弟级

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

本文仅供学习交流使用,demo下载见文末

js checkbox复选框实现单选功能

<script type="text/javascript">
		$(":checkbox").click(function(){ 
   
			$(this).attr("checked",true);//设置当前选中checkbox的状态为checked
			$(this).siblings().attr("checked",false); //设置当前选中的checkbox同级(兄弟级)其他checkbox状态为未选中
		});
</script>
<div style="margin-left: 150px;">												
	<input name="checkbox" type="checkbox" checked="checked" id="checkbox1">
	<input name="checkbox" type="checkbox" id="checkbox2">
</div>

本文仅供学习交流使用,如侵立删!

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

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

(0)
上一篇 2022年5月7日 上午7:20
下一篇 2022年5月7日 上午7:40


相关推荐

  • python指定变量类型_Python 变量类型详解

    python指定变量类型_Python 变量类型详解变量存储在内存中的值 这就意味着在创建变量时会在内存中开辟一个空间 基于变量的数据类型 解释器会分配指定内存 并决定什么数据可以被存储在内存中 因此 变量可以指定不同的数据类型 这些变量可以存储整数 小数或字符 变量赋值 Python 中的变量赋值不需要类型声明 每个变量在内存中创建 都包括变量的标识 名称和数据这些信息 每个变量在使用前都必须赋值 变量赋值以后该变量才会被创建 等号 用来给变量

    2026年3月18日
    2
  • rdlc mysql_RDLC 报表开发

    rdlc mysql_RDLC 报表开发RDLC 报表开发打开 VisualStudio 新建 ASP NET 网站添加数据集会自动调出数据集配置窗口 TableAdapter 如果上面的窗口没有自动调出 可以如下图 可以调出上面的 TableAdapter 窗口新建立数据库连接下面的这一步会将数据库连接保存到 config 文件中下面的这一步可以 选择生成 SQL 的方式让我们先回到 SQLServerQue 打开 SQLSe

    2026年3月16日
    2
  • 【架构】Lambda架构

    【架构】Lambda架构一、出现的背景1.1从传统数据库到NoSQL,再到Hadoop很多人学习大数据都听说过以下发展进程,MySQL/Oracle/SQLServer→Hadoop/Hive/Spark。但还有一个时期,是大家容易忽略的——NoSQL。我们不能忽略掉它。其实,NoSQL的发展和推广要比Hadoop更早,在没有Hadoop的大数据过渡期,随着数据量急剧膨胀,大家纷纷从传统的关系型数据库转变到NoSQL数据库,各种各样的NoSQL数据库应用而生。有了NoSQL数据库,可以轻易将机器的数量扩展到.

    2022年6月25日
    35
  • java异常return在finally前面_java 异常处理

    java异常return在finally前面_java 异常处理java 的异常处理机制,执行顺序;return在异常中的使用 ;自定义异常类的简单应用异常处理2种方法:1.抛 (throws)2.自己处理try/catch/finally1.抛出:向上一级抛出,异常实际没有被解决掉2.try/catch/finally(1)正常执行public class Test1 { public static void main(String[] args) { Test1 test1 = new Test1(); test

    2022年8月8日
    6
  • 怎么关掉qwen3思考过程

    怎么关掉qwen3思考过程

    2026年3月12日
    1
  • 学习计算机一个很好的免费资料下载网站地址(大家学习网论坛)

    学习计算机一个很好的免费资料下载网站地址(大家学习网论坛)原文发布时间为:2008-07-30——来源于本人的百度文章[由搬家工具导入]http://club.topsage.com子版面本版版规3today全国计算机等级考试版主:妖僧三

    2022年7月2日
    32

发表回复

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

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