本文环境:windows10、react16,本文适用于所有品牌的电脑。

方法一:

e41d88ba81dbc852203c8a2cf85ef33.png

方法二:

4fb8b984b2e9e3764db7bce04835032.png

方法三:

29b65d8c021476c3131bd8c2ade7fed.png

方法四:

30e402639fd6b8721c71273ebe025f4.png

方法五://属于原生js的方法,存在一点弊端

ee843bd43b3aa2e88c94b13b60a9930.png

一,$(ele).is(":checked")

function IsSelect(ele){
//判断checkbox是否被选中
if($(ele).is(":checked")){
alert('选中');
alert($(ele).val())
}
else{
alert('未选中');
}
}

二,$(ele).prop("checked")

7ff43d448681f7cb100af7c243473ed.png

三,使用 attr 方法设置选择。

$(function(){
    var checkbox = $("input[type='checkbox']");
    //全选
    $('#select-all').click(function(){
        checkbox.attr('checked', true);
    });
    //反选
    $('#select-reverse').click(function(){
        checkbox.each(function(i, dom){
            if ( $(dom).attr('checked') ) {
                $(dom).removeAttr('checked');
            } else {
                $(dom).attr('checked', 'checked');
            }
        });
    });
});

以上就是react怎么判断checkbox是否被选中的详细内容,更多请关注其它相关文章!