【问题标题】:How to make a checkbox checked with jQuery? [duplicate]如何使用 jQuery 检查复选框? [复制]
【发布时间】:2011-10-14 14:30:11
【问题描述】:

可能重复:
How do I check a checkbox with JQuery or Javascript?

我正在尝试使用 jQuery 勾选(或不勾选)复选框。

我的示例 HTML:

<input type="checkbox" id="test" name="test" />

尝试清除复选框(不起作用)

$('#test').val('off');

检查时:

$('#test').val('on');

如何使用 jQuery 控制复选框?

【问题讨论】:

    标签: jquery html checkbox


    【解决方案1】:
    $('#checkbox').prop('checked', true);
    

    当您希望它取消选中时:

    $('#checkbox').prop('checked', false);
    

    【讨论】:

      【解决方案2】:
      $('#test').prop('checked', true);
      

      仅在 jQuery 1.6+ 中注意

      【讨论】:

        【解决方案3】:
        $('#test').attr('checked','checked');
        
        $('#test').removeAttr('checked');
        

        【讨论】:

          【解决方案4】:

          来自 jQuery v1.6 使用prop

          检查是否已检查

          $('input:radio').prop('checked') // will return true or false
          

          并使其检查使用

          $("input").prop("checked", true);
          

          【讨论】:

          • OP 不是询问复选框是否被选中,而是如何检查它
          • @Nicola 我已经更新了我的答案。
          【解决方案5】:

          您不需要使用 jQuery 来控制复选框。您可以使用一些简单的 JavaScript 来完成。

          这个 JS sn-p 应该可以正常工作:

          document.TheFormHere.test.Value = true;

          【讨论】:

          • 您也可以在汇编中编写代码,但这并不意味着您总是想这样做。
          【解决方案6】:

          如果你使用 jQuery 1.6 及以后版本,我认为你应该使用 prop()。

          要检查它,你应该这样做:

          $('#test').prop('checked', true);
          

          取消选中它:

          $('#test').prop('checked', false);
          

          【讨论】:

            猜你喜欢
            • 1970-01-01
            • 2013-06-29
            • 2019-08-02
            • 2017-06-27
            • 2012-05-12
            • 2013-09-03
            • 2017-03-26
            相关资源
            最近更新 更多