Jquery获取选中复选框的值(checkBox)

jquery的checkbox取值赋值选中

<%@ page language="java" import="java.util.*" pageEncoding="UTF-8" contentType="text/html; charset=UTF-8"%>
<%@ taglib uri="http://java.sun.com/jsp/jstl/core" prefix="c"%>
<%String path = request.getContextPath();String basePath = request.getScheme() + "://"+ request.getServerName() + ":" + request.getServerPort()+ path;
%>
<html lang="us">
<head><meta charset="utf-8"><title>checkbox赋值测试</title><link type="text/css" href="<%=basePath%>/resources/css/jquery-ui/jquery-ui.css" rel="stylesheet" /></head>
<body><h2>checkbox赋值测试</h2><br/><div class="form-group"><label>Checkboxes</label><br/><div class="checkbox"><label><input type="checkbox"  name="chk" value="101">Checkbox 1</label></div><div class="checkbox"><label><input type="checkbox"   name="chk" value="102">Checkbox 2</label></div><div class="checkbox"><label><input type="checkbox"  name="chk"  value="103">Checkbox 3</label></div><div class="checkbox"><label><input type="checkbox"   name="chk" value="104">Checkbox 4</label></div><div class="checkbox"><label><input type="checkbox"   name="chk" value="105">Checkbox 5</label></div></div><br/><button class="btn"     type="button" id="btnSelectAll">全选</button><button class="btn"     type="button" id="btnSelectNull">全不选</button><button class="btn"   type="button" id="btnSelect1and3">选1和3</button><button class="btn"     type="button" id="btnGetVal">取值</button></body>
</html><script type="text/javascript" src="<%=basePath%>/resources/js/jquery/jquery-1.11.3.min.js"></script>
<script type="text/javascript" src="<%=basePath%>/resources/js/jquery-ui/jquery-ui.js"></script>
<script>$(function(){$("#btnSelectAll").click(function () {selectAll();});$("#btnSelectNull").click(function () {selectNull();});$("#btnSelect1and3").click(function () {select1and3();});$("#btnGetVal").click(function () {getVal();});
});function selectAll(){$("input[name='chk']").each(function(){ //$(this).attr("checked", true);this.checked=true;});
}
function selectNull(){$("input[name='chk']").each(function(){ this.checked=false;});
}
function select1and3(){//先清空选项selectNull();var sel = [];sel.push("101");sel.push("103");for(var i=0;i<sel.length;i++){$("input[name='chk']").each(function(){ if ($(this).val() == sel[i]) {this.checked=true;} });}
}
function getVal(){var chk_value =[];//定义一个数组    $('input[name="chk"]:checked').each(function(){//遍历每一个名字为nodes的复选框，其中选中的执行函数    chk_value.push($(this).val());//将选中的值添加到数组chk_value中    });var groups = chk_value.join(",");alert(groups);
}</script>

Jquery获取选中复选框的值(checkBox)相关推荐

jQuery实现获取选中复选框的值
应用场景: 我们应该经常见到系统中出现列表,会有一个对列表数据的操作(如删除, 修改,查看等).我们可以在每个列表项后面加一个删除按钮,把列表项的相关参数(如 id)post到后台进行删除.当然如果 ...
jq多选按钮值_jQuery实现获取选中复选框的值实例详解
应用场景: 我们应该经常见到系统中出现列表,会有一个对列表数据的操作(如删除, 修改,查看等).我们可以在每个列表项后面加一个删除按钮,把列表项的相关参数(如 id)post到后台进行删除.当然如果你 ...
检查是否已使用jQuery选中复选框
如何检查是否使用复选框数组的ID选中了复选框数组中的复选框? 我正在使用以下代码,但是无论ID为何,它始终返回已选中复选框的数量. function isCheckedById(id) {alert( ...
使用jquery检查/取消选中复选框？ [重复]
本文翻译自:check / uncheck checkbox using jquery? [duplicate] This question already has an answer here: 这 ...
jQuery如果选中复选框
本文翻译自:jQuery if checkbox is checked I have a function below that I want to only trigger when a check ...
使用JavaScript（jQuery或Vanilla）选中/取消选中复选框？
本文翻译自:Check/Uncheck checkbox with JavaScript (jQuery or Vanilla)? 如何使用JavaScript,jQuery或vanilla选中/取消 ...
el-checkbox点击后面的内容不选中复选框
提出需求:要求点击后面的tag前面复选框不选中思考:把后面的内容移出checkbox标签内,尝试后发现因为循环和样式问题不可取. 查百度都是点击后面的内容选中复选框.于是想反向思考,看了Elemen ...
jQuery获取下拉菜单列表的值
在表单提交的网页中,我们经常使用下拉菜单列表,这篇文章解释了如何获取下拉列表选择的值. 在jQuery中,我们通过使用.val()方法获得下拉列表的选定值. .val()方法主要用于获取表单元素的值, ...
jQuery实现两个列表框的值之间的互换：
jQuery实现两个列表框的值之间的互换: 截图如下: 代码如下: <%@ page language="java" import="java.util.*&quo ...
jQuery获取或设置元素的属性值
jQuery获取或设置元素的属性值获取元素属性值固有属性($('div).prop('color')) 自定义属性($('div).attr('index')) //html代码<a hre ...

Jquery获取选中复选框的值(checkBox)

Jquery获取选中复选框的值(checkBox)相关推荐

最新文章

热门文章