jquery checkbox使用

﹏ヽ暗。殇╰゛Y 2022-01-06 03:43 152阅读 0赞

### jquery checkbox使用 ###

1.jquery判断checked的三种方法:

.attr(‘checked’): //看版本1.6+返回:”checked”或”undefined”  
.prop(‘checked’): //16+:true/false  
.is(’:checked’): //所有版本:true/false

[推荐用.is][.is](’:checked’):这种方法。

$("#selectAll").click(function () {
      // 法一：
      if($(this).is(':checked')){
            alert("选中");
        }else{
            alert("没选中");
        }
        // 法2：
        // if(select1.prop('checked')){
        //     alert("选中");
        // }else{
        //     alert("没选中");
        // }
    });

修改选中

// 以两个按钮控制其值为例子
    // 法一
    $(window).load(function () {
    	$("#batchEditBtn").click(function () {
           document.getElementById("selectAll").checked = true;
        });
    
        $("#batchEditBtn1").click(function () {
            document.getElementById("selectAll").checked = false;
        });
    });
    
    // 法二：js函数方式
    function clickBatchEdit(){
         document.getElementById("selectAll").checked = true;
     }
    
     function clickBatchEdit1(){
         document.getElementById("selectAll").checked = false;
     }
     
    // 法三：纯jquery
    $("#batchEditBtn").click(function () {
        $("#selectAll").prop("checked", true);
    });
    
    $("#batchEditBtn1").click(function () {
        $("#selectAll").prop("checked", false);
    });

全选或全不选

$("#selectAll").click(function () {
        // 法一
        $("input[name='tableCheckItem']").prop("checked", this.checked);
        
        // 法二：使用遍历的方法
    	//   $("input[name='tableCheckItem']").each(function(){
    	//     });
    });

[.is]: http://xn--jzun30bvkk.is

发表评论取消回复

表情：

评论列表（有 0 条评论，152人围观）

还没有评论，来说两句吧...

相关阅读

相关使用Jquery获取thymeleaf中checkbox的值

场景使用thymeleaf模板，需要在列表展示中添加多选框，实现勾选后能获取到勾选的数据的属性。 ![Image 1][]![watermark_type_ZmFuZ

超、凢脫俗/ 2023年10月18日 15:58/ 0 赞/ 62 阅读

相关 jquery 控制checkbox

首先是jquery控制checkbox的选中与清除选择状态 $("checkbox").attr("checked","checked");//选中 $("c

红太狼/ 2022年09月24日 00:27/ 0 赞/ 110 阅读

相关【jquery】checkbox选中事件

查了一下貌似用最新的或者版本较高的jquery 请用下面的代码获取是否是选中 $('checkboxId').is(':checked') 或者用

秒速五厘米/ 2022年08月14日 02:55/ 0 赞/ 251 阅读

相关使用jquery获取checkbox的值

<!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8">

你的名字/ 2022年06月02日 01:28/ 0 赞/ 161 阅读

相关 JQuery禁用或者启动checkbox

function changeCheckboxState(lx){ if(true){//禁用

桃扇骨/ 2022年05月22日 10:27/ 0 赞/ 115 阅读

相关用jQuery控制checkbox

今天需要做一下细节处理：统计复选框已选的个数，并且使得用户最多只能选两个。这是个很常见的处理，但是用jQuery写的时候总是忍不住想尽量写得优雅一点……虽然最后也写得很普通

谁借莪１个温暖的怀抱￠/ 2022年05月16日 12:24/ 0 赞/ 132 阅读

相关 jquery radio checkbox 选中失效

用jquery选中单选框或者多选框时，通常用attr("checked","true")来处理，这在之前是没有问题的(jquery1.6版本前)。在一次工作中，用attr()总

待我称王封你为后i/ 2022年04月17日 03:08/ 0 赞/ 255 阅读

相关 Jquery操作radio和checkbox

1.获取radio或者checkbox的选中的值 <div> <label><input name="flut" type="radio"

- 日理万妓/ 2022年03月02日 06:00/ 0 赞/ 177 阅读

相关 jquery checkbox使用

jquery checkbox使用 1.jquery判断checked的三种方法: .attr(‘checked’): //看版本1.6+返回:”checked”

﹏ヽ暗。殇╰゛Y/ 2022年01月06日 03:43/ 0 赞/ 153 阅读

相关 jquery中checkbox赋值

1、html <input type="checkbox" id="a" name="coffee" value="A">A<br /> 2、js $("input\[i

蔚落/ 2021年09月24日 10:36/ 0 赞/ 265 阅读