如何切换复选框状态

时间:2016-07-15 03:27:17

标签: javascript jquery checkbox

我检查后无法取消选中一个复选框(全部通过JS / Jquery)。

代码:

//Works perfect
function showL(labelObj)
{   
    var cb = $(labelObj).prev()[0]; 
    $(cb).prop('checked', true);    
}  

//Does NOT work
function hideL(labelObj)
{
    var cb = $(labelObj).next()[0];
    //$(cb).attr('checked', false);
    $(cb).prop('checked', false);
}  

更新

这两个功能都是同一个对象:
enter image description here

1 个答案:

答案 0 :(得分:1)

你可以这样做。

$('input[type="checkbox"]').on('click', function{
    var propState = $(this).prop('checked'); // grab the checkbox checked state.
    propState === true ? propState = false : propState = true; // ternary operation. If box is checked uncheck it. if it is not checked check it.
}

它适用于所有复选框。