废话不多说了，直接给大家贴代码了，具体代码如下所示：<html><head><meta http-equiv="Content-Type" content="text/html; charset=utf-8"><title>js</title></head> <script src="js/jquery.js"></script> <script language="javascript">function getTDtext() {var a = document.getElementsByName("r");//获取所以复选框 //第一种方法：通过checked属性确定被选中的复选框的父节点，通过children[index]来取第index个子节点td的...
昨天和朋友做一个后台管理系统项目的时候涉及到复选框批量操作，如果用submit表单提交挺方便的，但是要实现用jQuery结合Ajax异步提交数据就有点麻烦了，因为我之前做过的项目中基本上没用Ajax来批量提交复选框数据，今天用到了就分享一下。 由于我做的项目一些地方比较复杂，这里我只举一个小例子，能理解就好。 首先，我做了一个简单的多个复选框的界面，如图：这是一个比较简单的多个复选框提交界面。代码如下： <body> <div><in...
前言 最近几天在公司做了个后台管理系统的小模块，其中有个功能是实现复选框的全选和全不选，用bootstrap和jQuery来实现。效果是这样：因为是内部用，样式也不要求太好看，直接上代码。 示例代码： <!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 content="IE=11.0000" http-equiv="X-UA-C...
jquery处理checkbox（复选框）是否被选中 现在如果一个复选框被选中，是用checked=true，checked="checked"也行 要用prop代替attr会更好，虽然在jQuery1.6之前版本的attr()方法能正常使用，但是现在必须使用prop()方法代替 实例代码： <!DOCTYPE html> <html lang="en"> <head><meta charset="utf-8"/> <title>checkbox</title> </head> <body><input type="button" id="btn1" value="全选"> <input type="button" id="btn2" valu...
效果：JQuery代码： $("#menuTree").find("div span").click(function () {currmenuid = this.id;var currmenuname = LoadCurrMenuName();$(#authName).text(currmenuname);//默认给已赋值的菜单打钩var rightvalue= AutoCheck();var str = "";var strArr = [];for (var i = 0; i < rightvalue.length; i++) {str = rightvalue[i];strArr.push(str);}var input = $(.che);for (var n = 0; n < strArr.length; n++) {if (strArr[n] ...
本文实例讲述了jQuery实现遍历复选框的方法。分享给大家供大家参考，具体如下： 1、问题背景： 这里有10个复选框，根据选择的复选框获取其值，并将其值用“——”连接，插入到div中 2、实现代码： <!DOCTYPE html> <html><head><meta charset="UTF-8"><title>遍历复选框</title><script type="text/javascript" src="jquery-1.7.2.min.js" ></script><script>$(document).ready(function(){$("#btn").click(function(){var str = "...
jquery 实现复选框的全选操作实例代码 最近做了个需求，需要实现列表复选框的全选/取消全选操作，由于之前对这块不是很了解，所以从网上查了一些资料，虽然有各种实现方法，但没找到直接可以套用的。自己琢磨了下，把功能实现，整理如下。实现细节如有可改进的地方，不吝赐教。首先是html部分的代码，这里有一个表格，表格里面有一些选项：<div id="list"> <table> <tr><td>选项1<input type="checkbox" name="group" value="1"/><...
1. 获取单个checkbox选中项(三种写法)： $("input:checkbox:checked").val() 或者 $("input:[type=checkbox]:checked").val(); 或者 $("input:[name=ck]:checked").val(); 2. 获取多个checkbox选中项： $(input:checkbox).each(function() { if ($(this).attr(checked) ==true) { alert($(this).val()); } }); 3. 设置第一个checkbox 为选中值： $(input:checkbox:first).attr("checked",checked); 或者 $(input:checkbox).eq(0)....
我们在做列表的时候经常会遇到全选，反选进行批量处理问题，例如：我当时就是简单的实现了，然后想封装到公共的js中，封装的太烂，不好意思贴出来了（就是把实现代码之间放到公共js中，然后每个页面都用固定的id,class,现在想想我都不好意思叫他封装了），然后想到之前老大有写过这个功能去看下他怎么写的，真是没有对比就没有伤害啊，这才叫封装； $(:checkbox[data-check-target]).click(function () { var target = $(this).att...
先给大家展示下效果图，如果大家感觉还不错，请继续参考实现代码。HTML代码：<body> <ul id="list"> <li><label><input type="checkbox" name="items" value="1"> 1.时间都去哪儿了</label></li> <li><label><input type="checkbox" name="items" value="2"> 2.海阔天空</label></li> <li><label><input type="checkbox" name="items" value="3"> 3.真的爱你</label></li> <li><label><input type="checkbox" name="items" val...
今天又次体会到jquery的强大了，做了个多级复选框的效果，代码总共就20+行就over了。 我又想用js来做一个看看，才写了几个方法就写不动了，兼容性要考虑很多，而且代码量直线上升。 主要分享下jquery的这个效果的实现。代码块分两块： 一是全选的效果，就是点击全选的复选框时它的子孙都相应被选中或者未选中。这个很好做，代码如下：evtEle.parent().next(".checks").find("input:checkbox").attr("checked", evtEle[0].checked);...
代码如下:<!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd"> <html> <head> <mce:style><!-- --></mce:style><style mce_bogus="1"> </style> <title>JS获取复选框被选中的值</title> </head> <body> <input type="checkbox" name="test" value="0" />0 <input type="checkbox" name="test" value="1" />1 <input type="checkbox" name="test" value="2" />2 <input type=...
jQuery API ： each(callback)：:以每一个匹配的元素作为上下文来执行一个函数。 :checked ：匹配所有选中的被选中元素(复选框、单选框等，不包括select中的option) js： //js获取复选框值 var obj = document.getElementsByName("interest");//选择所有name="interest"的对象，返回数组 var s=;//如果这样定义var s;变量s中会默认被赋个null值for(var i=0;i<obj.length;i++){if(obj[i].checked) //取到对象数组后，我们来循环检...
jQuery API : each(callback) :以每一个匹配的元素作为上下文来执行一个函数。 :checked :匹配所有选中的被选中元素(复选框、单选框等，不包括select中的option) js: //js获取复选框值 var obj = document.getElementsByName("interest");//选择所有name="interest"的对象，返回数组 var s=;//如果这样定义var s;变量s中会默认被赋个null值for(var i=0;i<obj.length;i++){if(obj[i].checked) //取到对象数组后，我们来循环检测它...
<!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd"> <html> <head> <mce:style><!-- --></mce:style><style mce_bogus="1"> </style> <title>JS获取复选框被选中的值</title> </head> <body> <input type="checkbox" name="test" value="0" />0 <input type="checkbox" name="test" value="1" />1 <input type="checkbox" name="test" value="2" />2 <input ...