jQuery操作web表单常用代码总结

1、jQuery判断checkbox是否选中

<input name="name" id="name" type="checkbox" />选我
<input name="test" id="test" type="text" />测试
<script type="text/javascript">
    $('#name').click(function(){
        if($('#name').prop("checked")){
            $('#test').trigger("click");
        }
    });
    
    $('#test').click(function(){
       alert('bbb'); 
    });
</script>

<input name="name" id="name" type="checkbox" />选我

<input name="test" id="test" type="text" />测试

$('#name').click(function(){

if($('#name').prop("checked")){

$('#test').trigger("click");

}

});

$('#test').click(function(){

alert('bbb');

});

</script>

2、jQuery获取复选框checkbox组的值

<form id="uploadForm" name="uploadForm">
    <input value="1" name="id[]" class="check-item" type="checkbox" />a
    <input value="2" name="id[]" class="check-item" type="checkbox" />b
    <input value="3" name="id[]" class="check-item" type="checkbox" />c
</form>
<script type="text/javascript">
    var arr = [];
    $('.check-item').prop("checked", true);
    $('.check-item').each(function(i){
        if(this.checked){
            arr.push(this.value);
        }
        /*
        var rs = $('.check-item').prop("checked");
        if(rs){
            str += $('.check-item').val() + ',';
        }
        */
    });
    
    console.log(arr.toString());
</script>