jq 判断多个 checkbox 选中

效果如下:

  

html 代码:

  

 1  <p>菜单:</p>
 2     <div>
 3         <input type="checkbox" name="menu" value="大盘鸡" />大盘鸡
 4         <input type="checkbox" name="menu" value="红烧肉" />红烧肉
 5         <input type="checkbox" name="menu" value="清蒸鱼" />清蒸鱼
 6         <input type="checkbox" name="menu" value="大闸蟹" />大闸蟹
 7         <input type="checkbox" name="menu" value="笨鸡蛋" />笨鸡蛋
 8         <input type="checkbox" name="menu" value="白开水" />白开水
 9     </div>
10     <span id="span"></span>
11         

Jq 代码:

 1  <script src="jquery/jquery-1.8.3.min.js"></script>
 2     <script type="text/javascript">
 3         $(function () {
 4             //获取层中所有的checkbox 注册单击事件
 5             $("div input[type=checkbox]").click(function () {
 6                 //获取div下选中的 checkbox
 7                 var cks = $("div :checked");//属性过滤器
 8                 var leng = cks.length;//获取div下选中的 checkbox个数
 9                 var arr = []; //用户存放checkbox的value
10                 //便利循环所有选中的 checkbox
11                 cks.each(function (k, v) {  //k索引,v是对象
12                     //把选中checkbox的value 存放起来
13                     arr[arr.length] = $(v).val();;
14                 });
15                 $("#span").text("爷!您点的菜是:" + arr + " 共:" + leng + "个");
16             })
17         })
18     </script>
时间: 09-12

jq 判断多个 checkbox 选中的相关文章

使用jquery/javascript判断及改变checkbox选中状态

一.使用jquery判断及改变checkbox选中状态 1.使用JQuery判断一个checkbox 是否为选中: (1).attr('checked) 看JQuery版本1.6+返回:"checked"或"undefined" ;1.5-返回:true或false (2).prop('checked') 1.6+:true/false (3).is(':checked') eg:$("input[type='checkbox']").is(':

JQ判断输入框 是否被选中

判断属性 1. 判断复选框是否被选中 $("input[type='checkbox']").prop("checked");

C# Winform中DataGridView的DataGridViewCheckBoxColumn CheckBox选中判断

1.DataGridViewCheckBoxColumn CheckBox是否选中 在判断DataGridView中CheckBox选中列的时候,用DataGridViewRow.Cells[0].FormattedValue.ToString()=="True"语句时存在问题,当我们直接点 击CheckBox时,结果显示未选中,但是如果我们在点击其他单元格时,结果显示选中.而用DataGridViewRow.Cells[0].EditedFormattedValue.ToString

checkbox 选中的判断 js

<form action="" method="post" name="form1"> <input name="c" type="checkbox" id="c" value="1" /> <input name="c" type="checkbox" id="c" value

JQuery 判断checkbox是否选中,checkbox全选,获取checkbox选中值

<!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> <meta http-equiv="Content-

关Jquery判断input type="checkbox"元素是否被选中的判断

在用到复选框的时候,想在js中判断chekbox是否被选中 <input name="isPermit" id="isPermit" type="checkbox"> 百度了很多的判断方法 1. if($("#isPermit").attr("checked")=="checked") 2. if($("#isPermit").attr("che

判断input是否被选中

今天处理了一个input被选中的问题,所以今天就谢谢input被选中的一些js相关的问题吧. input的被选中属性叫做checked. checked是input的多选框type="checkbox".单选框type="radio"的属性. checked在JS里面有两个属性: 1.选中的时候是true 2.不被选中的是false 到这里的时候很多人已经知道怎么去判断input是否被选中怎么写了. 首先咱们先写一个布局,尽量简单点: <div id=&quo

checkbox选中的问题(Ajax.BeginForm)

判断checkbox选中的方法方法一:if ($("#checkbox-id")get(0).checked) { // do something} 方法二:if($('#checkbox-id').is(':checked')) { // do something} 方法三:if ($('#checkbox-id').attr('checked')) { // do something} 在一些特殊的情况下 checkbox选中会取不到 属性 checked, 如:Ajax.Begi

关于列表中checkbox选中,全选/反选设置

关于列表中checkbox选中,全选设置 1 <html> 2 <head> 3 <script type="text/javascript"> 4 //点击行时,checkbox处理方法 5 function doclick(id){ 6 var allche = document.getElementById("allid");//全选checkbox 7 var che = document.getElementsByNam