Question

我有3个字段，Checkbox，Textarea和Select列表。我将隐藏textarea并在选中复选框时选择列表，然后在未选中复选框时显示这两个。我已经尝试过这个代码（下面），但没有运气正确运行。请帮助。

    var monoG = $('#tickbox');
    var monoM = $('#textarea');
    var monoC = $('#select');

    if ($(monoG).checked = false) {

        $(monoM).hide();
        $(monoC).hide();

    } else {
        $(monoM).show();
        $(monoC).show();
    }

Answer 1

您可以使用 is() 以及 :checked 选择器

if (monoG.is(':checked')

或：

if (!monoG.prop('checked'))

同样monoG已经是jQuery对象，您不需要再次将其包含在$内，也可以使用change()事件来跟踪您的复选框何时改变：

monoG.change(function () {
    if (!monoG.prop('checked')) {
        monoM.hide();
        monoC.hide();   
    } else {
        monoM.show();
        monoC.show();
    }
});

Answer 2

您要找的是.is()和:checked选择器。请不要再将Jquery对象包装到$()中。

尝试，

  if (monoG.is(":checked")) {

您的完整代码，

if (monoG.is(":checked")) {
   monoM.hide();
   monoC.hide();

} else {
    monoM.show();
    monoC.show();
}

Answer 3

您可以使用jQuery change进行绑定，然后检查是否选中了复选框

Example

Answer 4

点击功能的例子

$('element').click(function(){
if( $(monoG).is(":checked") ){
   monoM.hide();
   monoC.hide(); 
}else{
    monoM.show();
    monoC.show();
}
});

Answer 5

检查输入ferificacion，可以通过以下方式执行：el = element。 Test runner "checked"

$el.prop('checked');
$el.is(':checked');
$el.attr("checked");
$el[0].checked; // is the fastest as Ops/Sec

var monoG = $('#tickbox');
var monoM = $('#textarea');
var monoC = $('#select');

if (!monoG[0].checked) {
    monoM.hide();
    monoC.hide();
} else {
    monoM.show();
    monoC.show();
}

检查是否选中了复选框

5 个答案: