总结jQuery checkbox全选/反选代码

在修改Hi GPA的时候需要增加一个全选用户的功能,结果被坑惨了。

首先,最终代码是这么写的:

 代码如下 复制代码
var text = $('#select-all-student').html();
if (text == '全选') {
    $('input[name="studentNumber"]').prop('checked', true);
    $('#select-all-student').html('取消全选')
} else {
    $('input[name="studentNumber"]').prop('checked', false);
    $('#select-all-student').html('全选');
}

这里集成了一个全选和反选的功能,可以选中所有name为studentNumber的checkbox。

当然,最初我不是这么写的,而是使用了attr()结果最终导致了只能进行一次的全选反选,当时简直感觉醉醉哒。

折腾了一个小时之后感觉这压根就不是个事,为啥别人写的东西就可以,无奈,查了一下:

jQuery API明确说明,1.6+的jQuery要用prop,尤其是checkBox的checked的属性的判断,即

 代码如下 复制代码

$("input[type='checkbox']").prop("checked");
$("input[type='checkbox']").prop("disabled", false);
$("input[type='checkbox']").prop("checked", true);

应该使用.prop()来替代.attr()来设置disabled和checked。.val()用于获取或者设置其value值。

时间: 2024-09-23 04:41:13

总结jQuery checkbox全选/反选代码的相关文章

jquery checkbox 全选效果代码

jquery checkbox 全选效果代码,很简单的一句代码就可以了,如$('input[type=checkbox]').attr('checked', $(checkbox).attr('checked')); 哦, 下面来看实例 jquery代码如下 <script type="text/网页特效"> function selectall(checkbox) { $('input[type=checkbox]').attr('checked', $(checkbox

javascritp checkbox全选反选代码

javascritp checkbox全选反选代码 //全选与反选 <script type="text/网页特效"> var checkflag = "false"; function check(field) {      if (checkflag == "false")      {            for (i = 0; i < field.length; i++)            {           

Jquery CheckBox全选方法代码附js checkbox全选反选代码_jquery

jquery方法如下: 复制代码 代码如下: function CheckAll(val) { $("input[name='chkJob']").each(function() { this.checked = val; }); $("#chkAll").attr("checked", val);//设定全选按钮状态 } val 该参数传递的是全选按钮的选择状态 name='chkJob' 这个为列表中的checkbox名称 chkAll 就为

jquery checkbox全选反选实现代码

在jquery中我们要判断checkbox是否选中我们可以直接使用 if($("#id").attr("checked")==true) 来操作. 那么如果我们要实现多个checkbox全选反选就可以利用each进行遍历了 jquery代码  代码如下 复制代码 function selectall(){      var arrChk=$("input[name='deleteid']");//checkbox名称        $(arrCh

jquery javascript全选反选代码(1/2)

代码如下: function CheckAll(val) { $("input[name='chkJob']").each(function() { this.checked = val; }); $("#chkAll").attr("checked", val);//设定全选按钮状态 } val 该参数传递的是全选按钮的选择状态 name='chkJob' 这个为列表中的checkbox名称 chkAll 就为全选按钮名称 喜欢上了Jquery

jquery checkbox全选反选效果代码_jquery

你最喜欢的体育运动是? 你的姓名: 足球 篮球 兵乓球 游泳

jquery、js操作checkbox全选反选

 全选反选checkbox在实际应用中比较常见,本文有个不错的示例,大家可以参考下 操作checkbox,全选反选   代码如下: //全选  function checkAll() {  $('input[name="TheID"]').attr("checked", "checked");  }  //反选  function uncheckAll() {  $('input[name="TheID"]').each(fu

js多兼容全选/反选代码

js多兼容全选/反选代码 <head> <meta http-equiv="Content-Type" content="text/html; charset=gb2312" /> <title>js多兼容全选/反选代码</title> <script language="javascript教程">  function Choose(sel, arg) //传递2个参数,分别是表名,选

checkbox全选js代码

<!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 http-equiv="content-