日常项目中, 对于列表类文章或数据, 大概都会用到checkbox的全选或全不选的功能, 以前的项目中也写过checkbox的选择js, 但都没有整理过. 正好前几天一个兄弟遇到了这个问题, 索性, 我花了点时间, 用原生JS与jQuery分别写了一个版本, 考虑到使用时灵活性问题, 未封装, 需要的童鞋使用时自行改下相关参数.功能介绍点此查看DEMO演示 1. 全选/全不选 选框一体实现, 即列表中选框的状态与全选/全不选框前的选框状态一致; 2. 自动更改 全...
jquery checkbox的相关操作——全选、反选、获得所有选中的checkbox1、全选 $("#btn1").click(function(){ $("input[name=checkbox]").attr("checked","true"); }) 2、取消全选（全不选） $("#btn2").click(function(){ $("input[name=checkbox]").removeAttr("checked"); }) 3、选中所有奇数 $("#btn3").click(function(){ $("input[name=checkbox]:odd").attr("checked","true"); }) 4、选中所有偶数 $("#btn6").click(fun...
最近在学习jQuery（版本jquery-1.9.1.js），要求用jQuery实现全选/全不选、反选，在IE（IE8）中没有问题，但在火狐浏览器中调试的时候出现了一些小问题，达不到效果。 html代码如下： <div>你爱好的运动是<input type="checkbox" id="selectal1" /><label for="selectal1">全选/全不选</label><br/><input name="intrest" type="checkbox" />足球<input name="intrest" type="checkbox" />篮球<input name="intrest" type="checkbo...
1、checkbox日常jquery操作。 现在我们以下面的html为例进行checkbox的操作。 <input id="checkAll" type="checkbox" />全选<input name="subBox" type="checkbox" />项1<input name="subBox" type="checkbox" />项2<input name="subBox" type="checkbox" />项3<input name="subBox" type="checkbox" />项4全选和全部选代码： <script type="text/javascript">$(function() {$("#checkAll").click(function() {$(input[name="subBo...
1. 设置checkbox选中： //选中多选框 checkbox=$("#agentinfo input[name=veri[]]");//循环多选框中的值 checkbox.each(function(){for(var j=0;j<data.veri.length;j++){//判断当前值是否在数组中if($(this).val() == data.veri[j]){$(this).attr(checked,checked);//选中}} });2. 通过点击修改checkbox的选中项 3. 获得checkbox中的选中值 //获取多选框 checkbox=$("#agentinfo input[name=veri[]]");//定义一个字符串拼接所得到...
一开始的代码： <!DOCTYPE html> <html lang="en"> <head><meta charset="UTF-8"><title>复选框</title><script src="https://cdn.bootcss.com/jquery/3.1.0/jquery.min.js"></script><script type="text/javascript">$(function() {$("#all").click(function () {if (this.checked) {$("#list :checkbox").each(function () {$(this).attr("checked", true); //选择器要有空格隔开})} else {$("#list :checkbox").each(function ...
先给大家展示下效果图，如果大家感觉还不错，请继续参考实现代码。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插件EasyUI设置datagrid的checkbox为禁用状态的方法。分享给大家供大家参考，具体如下： 方法很简单，我们只需要在数据加载成功后的事件中处理即可。具体代码如下所示： //事件 onLoadSuccess: function (data) {//模拟测试加载成功后数据Id大于20的都勾选中，并禁用checkboxfor (var i = 0; i < data.rows.length; i++) {if (data.rows[i].Id > 20) {dgObj.datagrid(checkRow, i);//禁用checkbox$(".datagrid...
本文实例讲述了jQuery实现点击行选中或取消CheckBox的方法。分享给大家供大家参考，具体如下： /// <summary> /// 点击行选中或者取消CheckBox /// </summary> /// <param name="TableID">表ID</param> function SetCheckBox_Check(TableID) {var $TableID = TableID == "" ? "#tb_List" : "#" + TableID + "";//循环每个tr行，添加click事件$($TableID).find("tr").live("click", function () {//标题行不作任何操作if (this.rowI...
今天写页面遇到复选框动态全选或全不选问题，正常写法如下： $("#tb").find("input[type=checkbox]").attr("checked","checked");but！第一次点击全选按钮input显示对勾，第二次就不行了，查了下有建议用prop的，亲测有效。那两者有啥区别呢？ jQuery函数attr()和prop()的区别： 1、操作对象不同 “attr”和“prop”分别是单词“attribute”和“property”的缩写，并且它们均表示"属性"的意思。 不过，在jQuery中，“attribute”和...
在此MVC ASP.NET 项目，我利用jquery ajax传输数据给后台controller控制层，返回数据给JQuery数据。 首先必须清除checkbox的选中，因为是ajax的异步操作，是不刷新页面的，所以需要手段充值控件值，使得其为空，不影响下次的拿到数据显示。 言归正传，$("#checkboxID").attr(checked, false);//设置checkbox为不选中状态， $("#checkboxID").attr(checked, true);//设置checkbox为选中状态。 两个放在一起，页面永远也显示不选中状...
今晨，漂亮的测试妹妹提了个奇怪的bug，说我一功能checkbox时隐时现，比如第一次打开有勾选，第n次打开可能就不选了。 想到与美女有亲密接触机会，马上鸡动起来。 经过偶层层抽次剥茧（da da jiang you），终于知道了原因：attr()在二次选中勾选框时，失效。 比如，如下HTML页面，一点【选中】、二点【取消选中】、三点【选中】，瞧，不行了呗。 1.html <!doctype html> <html lang="en"> <head><meta charset="utf-8"><title>prop...
jQuery有些版本中实现CheckBox全选/全不选/反选会有bug，经测试jquery-1.3.1.js–>测试通过，jquery-1.5.1.js–>测试不通过。 实现CheckBox全选/全不选/反选代码如下： <%@ page language="java" pageEncoding="UTF-8"%><!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN"> <html><head><title>复选框全选/全不选/反选</title><meta http-equiv="pragma" content="no-cache"><meta http-equiv="cache-control" conte...
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) //取到对象数组后，我们来循环检...
$(function () {//除了表头（第一行）以外所有的行添加click事件.$("tr").first().nextAll().click(function () {//为点击的这一行切换样式bgRed里的代码：background-color:#FF0000;$(this).children().toggleClass("bgRed");//判断td标记的背景颜色和body的背景颜色是否相同;if ($(this).children().css("background-color") != $(document.body).css("background-color")) {//如果相同，CheckBox.checked=true;$(this).children...