jquery复选框选中事件及其判断是否被选中

checkbox的change事件可监听是否选中状态，也可添加onclick事件。

var dom=$('.checkbox');

1. 判断checkbox是否被选中

   var dom=$('.checkbox');

dom.prop('checked');

   //实现控制checkbox是否选中状态:  切换到初始状态　　if (!(dom.prop('checked'))) {    　　dom.prop('checked',!(dom.prop('checked'))); 　　dom.prop('checked',dom.prop('checked'));　　}else{ 　　 dom.prop('checked',dom.prop('checked')); 　　 dom.prop('checked',!(dom.prop('checked')));　　}

2. 判断checkbox是否被选中

　　dom.is(':checked')

3. 设置是否选中状态

dom.prop('checked'，true);

dom.prop('checked'，false);

//全选按钮$(document).on('click', 'th input:checkbox', function () {var that = this;$(this).closest('table').find('tr > td:first-child input:checkbox') .each(function () {this.checked = that.checked;//$(this).closest('tr').toggleClass('selected'); });});

/** * 获取选中的CheckBox值 * @param Domid 包含checkBox元素的容器id * @param delimiters 值的分隔符如：'|',',' * @returns {string} 返回字符串 */bingjs.get_checkbox_value = function (Domid, delimiters) {var Id_string = '';//选中的值 $('#' + Domid).find('tr > td:first-child input:checkbox') .each(function () {//this与$(this)的区别 一个是dom一个是jquery对象 if (this.checked == true) {Id_string += $(this).val() + delimiters;

 } });//console.info(Id_string.indexOf(delimiters)); //console.info(Id_string); if (Id_string.lastIndexOf(delimiters)) {Id_string = Id_string.substr(0, Id_string.length - 1); }return Id_string;}

1.通过 attr('checked','checked') 来设置checkbox时，重复点击，虽然checked属性设置正确，但是checkbox没有被勾选 ，如下代码：（代码是全选功能）

$('#ckAll').click(function(){
           if($('#ckAll ').attr('checked') == 'checked'){
               $('#ckAll').removeAttr('checked');
           }else{
               $('#ckAll').attr('checked','checked');
           }
           if($('#ckAll').attr('checked') == 'checked'){
               $('.tab-list .ckbox').each(function(i,n){
                   $(n).attr('checked','checked');
               });
           }else{
               $('.tab-list .ckbox').each(function(i,n){
                   $(n).removeAttr('checked');
               });
           }
       });

2. 换成 prop('checked',true) ，当ckAll被选中时，所有列表checkbox都会被选中

$('#ckAll').click(function(){
           if($('#ckAll').prop('checked')){
               $('.tab-list .ckbox').each(function(i,n){
                   $(n).prop('checked',true);
               });
           }else{
               $('.tab-list .ckbox').each(function(i,n){
                   $(n).prop('checked',false);
               });
           }
       });

jquery复选框选中事件及其判断是否被选中_常用笔记相关推荐

jQuery复选框选中状态更改事件
本文翻译自:jQuery checkbox checked state changed event I want an event to fire client side when a checkbo ...
thymeleaf 复选框回显_Thymeleaf+layui+jquery复选框回显
一.Thymeleaf+layui+jquery复选框回显基于Thymeleaf模板下的layui+jquery复选框回显,主要是jquery.大致意思是:把数组转成JSON传到前台,再在前台转回数 ...
Jquery 复选框全选与反选点击执行一次然后失效解决方案
Jquery 复选框全选与反选点击执行一次然后失效解决方案参考文章: (1)Jquery 复选框全选与反选点击执行一次然后失效解决方案 (2)https://www.cnblogs.com/feng ...
jquery复选框组清空选中的值_jQuery获取复选框被选中数量及判断选择值的方法详解...
这篇文章主要介绍了jQuery获取复选框被选中数量及判断选择值的方法,结合实例形式分析了jQuery操作复选框进行判定与统计的相关技巧,非常具有实用价值,需要的朋友可以参考下本文实例讲述了jQuer ...
jquery复选框选中及下拉框选中指定项(删除项)
(1)复选框选中及下拉框选中指定项(删除项) <%@ taglib prefix="form" uri="http://www.springframework.or ...
jquery复选框组清空选中的值_jQuery选取所有复选框被选中的值并用Ajax异步提交数据...
昨天和朋友做一个后台管理系统项目的时候涉及到复选框批量操作,如果用submit表单提交挺方便的,但是要实现用jQuery结合Ajax异步提交数据就有点麻烦了,因为我之前做过的项目中基本上没用Ajax来 ...
jquery复选框组清空选中的值_防火墙基本配置：配置策略组
配置策略组用户可以将一些策略规则组织到一起组成策略组.用户可以直接对策略组进行配置,以简化管理. 配置策略组,包括新建策略组.删除策略组.启用/禁用策略组.添加/删除策略规则成员.编辑策略组和显示禁 ...
自制jQuery 复选框全选与反选插件
(function ($) { //复选框全选 $.fn.checkAll = function (options) { var defaults = { chName:"checkName ...
easyui 复选框 onClickRow事件与onSelect事件与onCheck事件
在项目中一直存在一个问题,一直都没发现问题的根源在哪里.在我们测试这边也是偶尔会出现.但是每次我去测试的时候也没问题.今天终于找到原因了! 在easyui中点击行和点击复选框触发的事件是不一样的! 点 ...
jQuery复选框多选问题
<html><head><title>work.html</title><script type="text/javascript&qu ...

jquery复选框选中事件及其判断是否被选中_常用笔记

jquery复选框选中事件及其判断是否被选中_常用笔记相关推荐

最新文章

热门文章

jquery复选框 选中事件 及其判断是否被选中_常用笔记

jquery复选框 选中事件 及其判断是否被选中_常用笔记相关推荐

最新文章

热门文章

jquery复选框选中事件及其判断是否被选中_常用笔记

jquery复选框选中事件及其判断是否被选中_常用笔记相关推荐