javascript实现复选框选中属性(2)

$('input[type="button"]').click(function () {
    alert('Attribute Value is : '+$('#myTextBox').attr('value'));
    alert('Property Value is : '+$('#myTextBox').prop('value'));
});

使用 filter :checked

var isChecked = $('#myCheckBox:checked').length > 0;
另外一种用于判断这个属性的值的方法是在选择元素的时候加上一个过滤器 :checked，然后根据所获得的元素的长度来判断元素的属性。但是这种用法并不推荐，因为当你的页面上有很多组复选框并且使用class选择器而不是id选择器的时候，所得到的答案可能是错误的。

复制代码 代码如下:

$('input[type="button"]').click(function () {
    if ($('#myCheckBox:checked').length > 0 ) {
        //change it to alert('Its Checked'); if you not working with console
        console.log('Its Checked');
    } else {
        console.log('No its not Checked');
    }
});

我们能够看到，我们有好几种方法来获得复选款的选中属性。这也恰恰是web开发者经常需要用到并且在选择正确的使用方式时产生困惑的地方。