`

jquery判断复选框处于选中状态的个数

阅读更多

1.  $("input[type='checkbox'][name='roleId'][checked=true]").length     动态得到处于选中的个数

2.  $("input[type='checkbox'][name='roleId'][checked]").length             动态得到处于选中的个数

3.  $("input[type='checkbox'][name='roleId']checked").length               只是的到页面中含有checked的个数

------------------------------------------------------------------------------

获取一组radio被选中项的值
var item = $('input[@name=items][@checked]').val();
获取select被选中项的文本
var item = $("select[@name=items] option[@selected]").text();
select下拉框的第二个元素为当前选中值
$('#select_id')[0].selectedIndex = 1;
radio单选组的第二个元素为当前选中值
$('input[@name=items]').get(1).checked = true;

获取值:

文本框,文本区域:$("#txt").attr("value");
多选框checkbox:$("#checkbox_id").attr("value");
单选组radio:   $("input[@type=radio][@checked]").val();
下拉框select: $('#sel').val();

控制表单元素:
文本框,文本区域:$("#txt").attr("value",'');//清空内容
                 $("#txt").attr("value",'11');//填充内容

多选框checkbox: $("#chk1").attr("checked",'');//不打勾
                 $("#chk2").attr("checked",true);//打勾
                 if($("#chk1").attr('checked')==undefined) //判断是否已经打勾

单选组radio:    $("input[@type=radio]").attr("checked",'2');//设置value=2的项目为当前选中项
下拉框select:   $("#sel").attr("value",'-sel3');//设置value=-sel3的项目为当前选中项
                $("<option value='1'>1111</option><option value='2'>2222</option>").appendTo("#sel")//添加下拉框的option
                $("#sel").empty();//清空下拉框

 

==================================

 

<!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>
<title>jQuery判断复选框的选中个数</title>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<script type="text/javascript">
window.onload = function(){//页面所有元素加载完毕
 var btn = document.getElementById("btn");  //获取id为btn的元素(button)
 btn.onclick = function(){  //给元素添加onclick事件
  var arrays = new Array();   //创建一个数组对象
  var items = document.getElementsByName("check");  //获取name为check的一组元素(checkbox)
  for(i=0; i < items.length; i++){  //循环这组数据
   if(items[i].checked){      //判断是否选中
    arrays.push(items[i].value);  //把符合条件的 添加到数组中. push()是javascript数组中的方法.
   }
  }
  alert( "选中的个数为:"+arrays.length  );
 }
}
</script>
</head>
<body>
<form method="post" action="#">
 <input type="checkbox" value="1" name="check" checked="checked"/>
 <input type="checkbox" value="2" name="check" />
 <input type="checkbox" value="3" name="check" checked="checked"/>
 <input type="button" value="你选中的个数" id="btn"/>
</form>
</body>
</html>

分享到:
评论

相关推荐

    动态获取复选框checkbox选中个数的jquery代码[总结].pdf

    本文将深入探讨如何使用jQuery来动态获取复选框选中的个数。 jQuery 是一个强大的JavaScript库,它提供了简洁的API来操作DOM(文档对象模型),包括对表单元素如复选框的操作。在给定的例子中,开发者尝试通过绑定...

    jquery统计复选框选中示例

    在处理复选框(checkbox)的选择状态时,jQuery提供了简洁的方法。本文将详细解释如何使用jQuery统计复选框选中的个数。 首先,要获取选中的复选框,可以使用CSS选择器`input:checked`。这个选择器会匹配所有被选中...

    动态获取复选框checkbox选中个数的jquery代码

    今天碰到“jquery动态获取复选框checkbox选中的个数”,首先看下面例子: 代码如下: &lt;input type=”checkbox” checked=”checked”&gt;python &lt;input type=”checkbox” checked=”checked”&gt;java ...

    jquery统计用户选中的复选框的个数

    这一行为是通过jQuery的选择器`$("input:checkbox:checked")`来实现的,该选择器能够选中所有类型为复选框并且被勾选的元素。接着,使用`.length`属性来获取这些元素的数量,也就是用户勾选的复选框个数。 这一过程...

    关于checkbox选择个数限制

    在IT行业中,尤其是在前端开发领域,经常需要处理用户交互,比如限制用户在多选框(Checkbox)中选择的项目数量。这个场景广泛存在于各种表单和数据筛选功能中。本篇我们将深入探讨如何实现“关于checkbox选择个数...

    01_购物车.zip

    1.里面3个小的复选框按钮(j-checkbox)选中状态(checked)跟着全选按钮(checkall)走; 2.因为checked 是复选框的固有属性,此时需要利用prop()方法获取和设置该属性; 把全选按钮状态赋值给3小复选框就可以了; 3....

    jQuery实现checkbox的简单操作

    - **判断全选与否:** 通过复选框组的点击事件处理函数中,我们可以比较复选框的总数和已选中复选框的数量是否相等来判断是否全选。如果两者相等,则全选按钮的选中状态为true,否则为false。 #### 3. 获取已选中复...

    jquery一键控制checkbox全选、反选或全不选

    首先判断`#orChecked`是否被选中,然后根据当前页面上复选框的选中状态来决定操作: - 如果所有复选框都未被选中,则执行全选操作。 - 如果有复选框被选中,则执行反选操作。 - 如果`#orChecked`未被选中,则取消...

    jquery 对table动态操作,以及多选反选功能

    使用`$('.selectBox').click(function() {...})`监听所有复选框的点击事件,根据当前复选框的状态(checked或unchecked)更新其他复选框的状态。 3. 全选/全不选: 添加一个全选按钮,通过`$('.selectAll').click...

    jQuery实现表格与ckeckbox的全选与单选功能

    然后为所有行复选框绑定了点击事件,当任何一行复选框被改变时,判断所有行复选框的选中情况,并相应地设置全选复选框的选中状态。对于按钮的隐藏和显示逻辑,通过`toggleButtons`函数来判断表格内行的个数,并据此...

    使用php验证复选框有效性的示例

    在网页表单中,复选框(Checkbox)是一种常见的元素,允许用户选择一个或多个选项。在PHP中处理复选框的数据验证是确保用户输入有效性的关键步骤,这对于任何涉及用户交互的应用程序都是必要的。本篇文章将深入探讨...

    超实用的jQuery代码段

    2.12 如何选中页面上的所有复选框 2.13 禁用表单的回车键提交 2.14 禁用右键单击上下文菜单 2.15 IE下禁用文本选择功能 2.16 输入框获取焦点时文本高亮提示 2.17 实现多个输入框同步操作 2.18 在新窗口中打开外部...

    jQuery完全实例.rar

    context (Element, jQuery) : (可选) 作为待查找的 DOM 元素集、文档或 jQuery 对象。 示例 找到所有 p 元素,并且这些元素都必须是 div 元素的子元素。 HTML 代码: &lt;p&gt;one&lt;/p&gt; &lt;div&gt;&lt;p&gt;two&lt;/p&gt;&lt;/div&gt; &lt;p&gt;three...

    json中文乱码

    #### 四、利用jQuery判断复选框checkbox选中的个数 ```javascript // 获取所有名为"number"的被选中的复选框的数量 var checkedCount = $("input[type=checkbox][name=number]:checked").length; console.log("选中...

Global site tag (gtag.js) - Google Analytics