Jquery經常使用表單元素操做總結

    頁面當中常常要作一些checkbox，radio，select，input等表單元素的操做。作爲我這樣的懶人早就該總結如下，免去用到的時候，不想從頭寫，又不得不去之前的代碼中翻。下面的代碼來自實際項目中，親測可用。呵呵……

1、checkbox

對checkbox的判斷每每是checkbox有沒有被勾選。也常常有一個複選框控制其它所有複選框的選中和取消選中。以下圖：

頁面左上角的複選框的選中控制表格中全部的複選框。代碼以下：

爲了操做方便，給控制全選的複選框增長一個id叫checkAll

下面的代碼實現了全選和反選的效果

<th><input type="checkbox" id="checkAll"/></th> 

$('#checkAll').change(function(){
    if($(this).is(':checked')){
        $("input[type='checkbox']").prop("checked", true);
    }else{
        $("input[type='checkbox']").prop("checked", false);
    }
});

獲取全部選中的checkbox的值

以上圖爲例，我要獲取表格中每一行記錄的id值，則給每個checkbox增長一個value屬性，在渲染頁面時將value值寫到checkbox中便可。另外爲了方便選取checkbox爲全部的checkbox增長了一個chkbox的class。

<td><input type="checkbox" value="` record`.`id `" class="chkbox"/></td>

function checkValue(){
    var arr = ''
    $(".chkbox").each(function(){
        if($(this).is(":checked")){
            arr += ($(this).val() + ',')
        }
    })
    return arr
}

未完待續……