首页 > 建站教程 > JS、jQ、TS >  jQuery笔记之form表单精确选中、多选、反选等正文

jQuery笔记之form表单精确选中、多选、反选等

form表单精确选中:
$("input[type='button']")
两种方案判断单选框(radio)是否被选中:
    方法一:
        var sex_flag = false;
        for(var i=0; i<$(":radio").length; i++){
            if($(":radio")[i].checked == true){
                sex_flag = true;
            }
        }
        if(sex_flag == false){
            alert('性别未选中');
        }
    方法二(不推荐):
        if($(":radio:checked").length == 0){
            alert("性别未选中");
        }
多选框的判断(checkbox)是否被选中:
    方法一:
        var fav_flag = false;
        for(var i=0; i<$(":checkbox").length; i++){
            if($(":checkbox")[i].checked == true){
                sex_flag = true;
            }
        }
        if(sex_flag == false){
            alert('爱好未选中');
        }
    方法二(不推荐):
        if($(":checkbox:checked").length == 0){
            alert("爱好未选中");
        }
多选框的全选(checkbox)
$("#btn_1").click(function(){    //btn_1为全选按钮的id
    $(":checkbox").attr("checked",true);
})
//.attr为jq获取和设置一个dom节点的属性,等同于js的getAttribute和setAttribute。语法:.attr("属性名","值"),如果值不写,为读操作。
多选框的反选(checkbox)
$("#btn_2").click(function(){    //btn_2为反选按钮的id
    for(var j=0;j<$(":checkbox").length;j++){
        //首先判断是否被选中
        if($(":checkbox")[j].checked == true){
            //选中
            $(":checkbox")[j].checked = false;
        }else{
            $(":checkbox")[j].checked == true;
        }
    }
})