jQuery实现复选框单选

最新推荐文章于 2021-06-18 01:04:26 发布
最新推荐文章于 2021-06-18 01:04:26 发布
阅读量424 收藏
点赞数
分类专栏： js
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/Aurora_sss/article/details/72862117
版权 
	$(function() {

		$('input[type=checkbox]').click(function() {

			if ($(this).is(':checked')) {
				
				$(this).attr('checked', true).siblings().attr('checked', false);

			} else {
				$(this).attr('checked', false).siblings().attr('checked', false);
			}		

		})

	})

Jerry_sss
关注
  • 0
    点赞
  • 踩
  • 0
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
专栏目录
使用JQuery制作复选框的全选或单选特效
06-04
实现了对网页中最常见的多复选框的选定，另外笔者对此进行了改善，使全选与单选的复选框的选中效果更加动态。
Jquery实现一组复选框单选
小石头
12-04 220
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"> <html xmlns="http://www.w3.org/1999/xhtml"> <head> <...
jquery实现复选框单选功能
youngtwu的专栏
09-24 390
$(function(){ $(':checkbox[name=cb]').each(function(){ $(this).click(function(){ if($(this).attr('checked')){ $(':checkbox[name=cb]').removeAttr('checked'); $(this).attr('checked','checked'); }
jQuery自定义单选按钮复选框代码
06-24
本资源“jQuery自定义单选按钮复选框代码”专注于改进网页表单元素的样式，特别是单选按钮（radio）和复选框（checkbox），使其更符合现代网页设计的审美需求。 一、jQuery简介 jQuery是由John Resig于2006年创建的...
jQuery表单复选框与单选框美化特效
06-10
本教程将详细介绍如何使用jQuery实现表单复选框和单选框的美化特效，以提升用户界面的吸引力。 首先，我们要了解基本的HTML表单元素。复选框（`<input type="checkbox">`）允许用户在多个选项中选择一个或多个，而...
jQuery单选框复选框美化代码
06-24
jQuery单选框复选框美化代码正是为了解决这个问题，它提供了一套精致的单选和复选组件，可以极大地提升表单的视觉效果。 jQuery库是一个强大的JavaScript库，它简化了DOM操作、事件处理、动画制作和Ajax交互。在这...
layui 数据表格复选框实现单选功能的例子
10-16
接下来，我们要讨论的核心内容是如何实现数据表格中的复选框单选功能。所谓单选，即在数据表格中，当某一行被选中时，之前选中的复选框需要被自动取消选中。这在一些特定的业务场景中非常有用，比如在进行数据审核时...
Jquery实现复选框只能单选
weixin_33868027的博客
07-26 136
<html> <head> <scriptsrc="http://code.jquery.com/jquery-1.11.1.min.js"></script> </head> <body> <divid="divckb"> <inputtype="checkbox"name="...
jq 单选框，复选框
b67834063218449的博客
07-03 117
问卷调查，多选题 <div id="sortsBox"> <p class="radioInput">单选框1</p> <input type="radio" name="sport" value="足球"/>足球 <input type="radio" name="sport" value="...
JQuery复选框练习
慕北丶
03-21 285
$(function(){ //绑定页面全选事件 $("input[name='select-all']").change(function(){ //取得复选框的状态 var checked=$(this).prop("checked"); $("input[name*='[]']").prop("checked",checked); changeItemColor(); ...
jquery控制checkbox复选框变单选框
bielaiwuyang1999的博客
03-12 368
jquery控制复选框只选择一个 菜鸟html在线编辑器 https://c.runoob.com/front-end/61 HTML部分 <script src="https://cdn.staticfile.org/jquery/2.2.4/jquery.min.js"></script> <table> <tr> <td&gt...
jQuery实现复选框全选和反选，单选和多选
低调哥的博客
01-26 1895
//联动复选框 $('.checked-all').click(function () { //全选反选 $('input:checkbox').prop('checked', $(this).prop('checked')); }); //单选和多选 $('input:checkbox').on('click', function() { if($('.s-data-li
JQuery复选框实现全选、单选
work hard
05-19 4351
jQuery实现checkbox的全选、单选、反选功能 逻辑（见http://blog.csdn.net/hardwin/article/details/7668989）： 1. 全选的checkbox选中时，子checkbox全部选中。反之，全部不选 2.子checkbox中，只要有没有被选中的，取消全选checkbox的选中 3.子checkbox的数量和子checkbox
使用jQuery实现表格的单选复选效果
qq_42313028的博客
03-23 747
使用jQuery实现表格的单选/复选效果 当表格中所有内容选中是时,随便取消一条勾选,对应表头的选择框应该取消勾选.实现逻辑就是,点击内容的勾选框时,判断列表内是否还有没有选中的(除表头外),如果没有就将表头的选择框变更勾选状态,否者取消勾选. css table { border: 1px solid black; border-collapse: collapse; text-align: center; } table thead tr th { border: 1px s
jquey将复选框、单选框选中
u010362468的博客
11-05 288
jquey将复选框、单选框选中代码如下: $(“input[name=‘名字’]”).get(0).checked=true; $(“input[name=‘名字’]”).attr(‘checked’,‘true’); $(“input[name=‘名字’]:eq(0)”).attr(“checked”,‘checked’); $(“input[name=‘radio_name’][checked]”).val(); //获取被选中Radio的Value值 二、设置选中和不选中示例 代码如下: 否 是 #
html checkbox控制单选,Jquery实现复选框只能单选
weixin_39528029的博客
06-18 163
张三李四王五赵六$(function(){$("#divckbinput").each(function(){$(this).change(function(){vartest=$(this).attr("checked");if($(this).attr("checked")){//此处写你的处理//$("#divckbinput").each(function()...
jquery 实现复选框单选
最新发布
05-24
jQuery 实现复选框单选可以通过以下步骤实现： 1. 选中所有的复选框元素，并给它们添加一个 change 事件监听器。 2. 在事件处理程序中，遍历所有的复选框元素，如果某个复选框被选中，则将其他复选框的选中状态设置为未选中状态。 下面是一个实现复选框单选的示例代码： ```html <!--HTML部分--> <input type="checkbox" name="color" value="red">红色 <input type="checkbox" name="color" value="green">绿色 <input type="checkbox" name="color" value="blue">蓝色 ``` ```javascript // JavaScript + jQuery部分 $(document).ready(function(){ $('input[name="color"]').change(function(){ $('input[name="color"]').not(this).prop('checked', false); }); }); ``` 在上述代码中，我们通过选择器选中了所有 name 属性为 "color" 的复选框元素，并使用 change 事件监听器来监听它们的状态变化。在事件处理程序中，我们使用 not() 方法来排除当前被选中的复选框元素，并使用 prop() 方法将其他复选框元素的选中状态设置为未选中状态。这样就实现了复选框单选的功能。
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

当前余额3.43元 前往充值 >
需支付：10.00元
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付元
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明：

1.余额是钱包充值的虚拟货币，按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载，可以购买VIP、付费专栏及课程。

余额充值