JQuery 多个checkbox 只选中一个


  1. <form id="common-form">
  2. <input name="check1" type="checkbox"/>check1
  3. <input name="check2" type="checkbox"/>check2
  4. <input name="check3" type="checkbox"/>check3
  5. </form>

  1. $(function() {
  2.   $(‘#common-form‘).find(‘input[type=checkbox]‘).bind(‘click‘, function(){  
  3.           var id = $(this).attr("id");
  4.         
  5.         //当前的checkbox是否选中
  6.         if(this.checked){
  7.             //除当前的checkbox其他的都不选中
  8.             $("#common-form").find(‘input[type=checkbox]‘).not(this).attr("checked", false);
  9.             
  10.             //选中的checkbox数量
  11.             var selectleng = $("input[type=‘checkbox‘]:checked").length;
  12.             console.log("选中的checkbox数量"+selectleng);
  13.         }else{
  14.             //未选中的处理
  15.             console.log("未选中的处理");
  16.         }
  17.     });
  18. })

原文地址:https://www.cnblogs.com/jpfss/p/9699000.html

时间: 2024-10-14 00:47:22

JQuery 多个checkbox 只选中一个的相关文章

jQuery实现table中两列CheckBox只能选中一个

//html <table id="unit"> <tr> <th>选项一</th> <th>选项二</th> <th>姓名</th> </tr> <tr> <td><input type="checkbox" /></td> <td><input type="checkbox&quo

通过jQuery获取一组checkbox的选中项并显示在HTML页面中

这里是jQuery代码 $(function () { $("input[name=names]").click(function () { //获得所有的name=names的input,并给他们添加click监听事件 var arr = new Array(); $("input[name=names]:checked").each(function (key, value) { arr[key] = $(value).val(); }); $("#g

table里有两个input,选中只选中一个

html: <input id="Checkbox1" type="checkbox" onclick="GetAllCheckBox(this)" /> <asp:CheckBox ID="chkptno" runat="server" /> js: <script language="javascript" type="text/javascr

JQuery中判断checkbox是否选中

if ($("#wds_checkbox").attr("checked")) { flag = 1; } else { flag = 0; } 禁用鼠标右键 //屏蔽浏览器右键 document.oncontextmenu = function () { return false; }

Jquery JS 获取 Checkbox 是否选中

正确方法: var isReturned = document.getElementById('cboxReturned').checked; 错误方法: var isReturned = $("#cboxReturned").attr("checked");

关于 jQuery 1.9 检查 checkbox 是否选中的问题。

关于 jQuery 检查 checkbox 是否选中的问题. 把某个Web网页, 移植到手机网页上面.使用 bootstrap 来处理,画面效果还是可以的. 测试的时候,发现某个 checkbox 好像失去效果了.不管有没有选择中, 后台处理都是按没有选择中的处理. 画面是通过 jQuery 的 Ajax 提交的.在 C# 后台设置了断点, 入口的地方, 检测到,那个参数是没有选中. 然后再去看看 js 的处理.判断逻辑是 var vTest = false;if ($("#chkTest&qu

jQuery设置第一个checkbox 为选中值

1设置第一个checkbox 为选中值$('input:checkbox:first').attr("checked",'checked');或者$('input:checkbox').eq(0).attr("checked",'true'); 2.设置最后一个checkbox为选中值$('input:radio:last').attr('checked', 'checked');或者$('input:radio:last').attr('checked', 'tr

jquery获取checkbox被选中的值

只用一个循环,就可以找出被选中的checkbox的值 var s; $("[name = b]:checkbox").each(function () {                   if (this.checked) {                       s += $(this).val() + "|";                   }               });alert(s); 这样就可以了 jquery获取checkbox被

jquery如何获取checkbox,并判断是否选中

如何根据checkbox的选中/不选中状态,把相应的值传给后台. 1.jquery判断checked的三种方法: .attr('checked'):   //看版本1.6+返回:”checked”或”undefined” .prop('checked'): //16+:true/false.is(':checked'):    //所有版本:true/false 推荐用.is(':checked'):这种方法. 2. <input id="checkbox1" type=&quo