Jquery选中/取消选中复选框

时间:2014-04-09 12:49:27

标签: jquery

我有一个侦听一系列复选框的事件监听器,我可以在选中该复选框时添加一个属性,但是当取消选中该框时,我无法删除该属性。可以做些什么才能让它正常工作?

所以当我使用它时: $(本).VAL(':检查');然后我明白了

如何删除值=":已选中" ?

<script>
    $('.programs').click(function () {
        if ($(this).val(':checked') == "checked") {
            $(this).prop('checked', false);
        } else {
            $(this).val(':checked');
        }
    });
</script>

2 个答案:

答案 0 :(得分:3)

使用:

$('.programs').click(function () {
    if ($(this).is(':checked')) {
        $(this).prop("value", "Some thing");
        // or $(this).next("label").value("Some thing");
    } else {
        $(this).prop("value", "Some other thing")
        // or $(this).next("label").value("Some other thing");
    }
});

使用is jQuery方法。我假设您正在尝试检查是否检查了元素,而不是更改其状态。

答案 1 :(得分:1)

试试这个:

 $('.programs').click(function () {
        if ($(this).is(':checked')) {
            console.log("checked");
        } else {
            console.log("Uncheked");
        }
    });