jquery input[type=checkbox]知識點.txt

原文鏈接：https://www.cnblogs.com/zhangyubao/p/7016728.html

參考：https://www.cnblogs.com/zhangyubao/p/7016728.html
參考：https://www.cnblogs.com/anymoredo/p/4980009.html
1.
與文本對齊，樣式設置。
input[type=checkbox] {
    display: inline-block;
    vertical-align: middle;
    margin-bottom: 5px;
}

2.
提交事件，篩選選中的複選框。
$('#btn_submit').submit(function(){
    $('input[name="fruit"]:checked').each(function(){
        var sfruit=$(this).val();
        alert(sfruit);
    });
    return false;
});

3.
判斷是否選中 
$("#locateOneFeature").is(':checked') -> Boolean
$obj.attr(屬性, 值)方法，給jquery對象賦值。

var bischecked=$('#cboxchecked').is(':checked');
var fruit=$('input[name="fruit"]');
bischecked?fruit.attr('checked',true):fruit.attr('checked',false);