jquery checkbox使用

﹏ヽ暗。殇╰゛Y 2022-01-06 03:43 238阅读 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 条评论，238人围观）

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

相关阅读

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

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

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

相关 jquery 操作 checkbox 相关方法

使用 jquery 操作 checkbox ，相关方法如下 1、设置 checkbox 选中使用 prop("checked", true) 方法 <!D

左手的ㄟ右手/ 2022年12月25日 00:47/ 0 赞/ 170 阅读

相关 jquery 控制checkbox

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

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

相关【jquery】checkbox选中事件

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

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

相关使用jquery获取checkbox的值

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

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

相关 JQuery禁用或者启动checkbox

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

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

相关用jQuery控制checkbox

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

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

相关 Jquery操作radio和checkbox

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

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

相关 jquery checkbox使用

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

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

相关 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 赞/ 343 阅读