checkbox全选功能

$("#cb_classType_all").change(function () {
   if ($(this).is(":checked")) {
       $(".cb_classType").prop("checked", true);
   } else {
       $(".cb_classType").prop("checked",false);
   }
});

通过is(":checked")判断checkbox是否被选择，在通过

.prop("checked", true) 选择checkbox

.prop("checked",false) 取消checkbox选中

时间： 2024-12-28 05:49:17

checkbox全选功能的相关文章

js初学—实现checkbox全选功能

布局如下: <p ><input type="checkbox" id="che1"/>全选</p><div id="div1"> <input type="checkbox" /><br /> <input type="checkbox" /><br /> <input type="checkb

实现前端table中checkbox全选功能，并将选中的数据发送到后端

一.需求 1. 点击这个checkbox按钮,会选中下面所用checkbox,当然在选中的情况下点击,会将下面所有选中的checkbox取消: 2. 当下面使用submit的提交按钮时,会将所有checkbox选中的数据提交给后端: 二.实现 1.实现全选checkbox功能技术分析:其实这里可以使用js活着jquery两种方式,我暂时使用的是js中的dom实现的,具体代码如下: <!DOCTYPE html> <html> <head> <title>实

关于checkbox全选功能的实现

要进行操作的DOM元素: <input type="checkbox" id="cbAll" value="all">全选爱好: <input type="checkbox" name="cbHobby" value="song">唱歌 <input type="checkbox" name="cbHobby" va

checkbox全选功能js

$("#CheckAll").click(function() { var checkFlag = $(this).prop("checked"); $("input:checkbox:enabled").each(function() { $(this).prop("checked", checkFlag); }); });

jquery checkbox 全选不要用attr要用 prop

最近的项目要用到checkbox全选功能,然而使用 attr时总是出现第二次点击时checkbox不变化.后来搜索后,发现在jquery1.6以后已经不用attr处理布尔值的属性了. 查看文档发现 properties就是浏览器用来记录当前值的东西.正常情况下,properties反映它们相应的attributes(如果存在的话).但这并不是boolean attriubutes的情况.当用户点击一个checkbox元素或选中一个select元素的一个option时,boolean proper

Android ListView条目全选功能，不用checkbox实现！

大家好,翻了翻以前的笔记,发现了一个我特别标记的功能,那就是ListView全选功能,顿时想起了我那个时候苦逼的生涯,由于我大学机械出身,大学毕业了都不知道什么叫代码,在58干了一段销售.实在是干不下去了,不干了就得在网上找工作,就喜欢干电脑相关的工作,有一天,一家培训机构给我打来电话让我去面试,我以为让我去工作那,谁知道是忽悠我去培训,我当然不可能花钱了,就直接回去了,想了几天,除了销售我真不知道干啥,咬咬牙,就花钱培训了.我擦,咋说这到了,不跟你们说了,还是写下面的这个功能吧,虽然很简单,但

实现checkbox全选和全不选的功能

html代码 <table id="table"> <thead> <tr> <td><input type="checkbox" id="thtd" name="thtd"/></td> </tr> </thead> <tbody> <tr> <td><input type="c

checkbox全选和反选功能

用jQuery实现checkbox的全选和反选功能,当checkbox禁用时候不参与全选功能 <!DOCTYPE html> <html> <head> <title></title> <style type="text/css"> body,h1,h2,h3,h4,h5,h6,hr,p,blockquote,dl,dt,dd,ul,ol,li,pre,form,fieldset,legend,button,inp

关于input[type='checkbox']全选的问题

今天在做一个全选功能的时候,发现了一个问题,就是如果我在选择全选之前,我就已经选择了一个input,然后我再去选择全选并且以后再取消全选的时候,这个我之前选择的input始终处于选择状态,但是他的checked的值一直是在true和false之间变化,当checked=false的时候,仍然是被选中的.到现在还没处理好这个问题.希望看到的哪位大神能给个好的解决办法,实在感激.下面是类似的代码. <!DOCTYPE html><html lang="en"><