如何更改复选框attribut'check'？

Question

我有一些带有输入字段的网页，其中一个是复选框，我正在尝试创建“全部清除”按钮以清除所有值，包括复选框“v”。 我尝试了$('#check5').removeAttr('checked');和$('#check5').attr('checked',false);。

但是只有在按下F5后它才有效，我想在不刷新页面的情况下更改属性状态。有什么想法吗？

Answer 1

您可以使用此

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

Answer 2

如果您的意思是如何从所有复选框中删除“已检查”状态：

$('input:checkbox').removeAttr('checked');

示例：

$(document).ready(function(){
    $('.check:button').toggle(function(){
        $('input:checkbox').attr('checked','checked');
        $(this).val('uncheck all');
    },function(){
        $('input:checkbox').removeAttr('checked');
        $(this).val('check all');        
    })
})

<强> DEMO

Answer 3

checked属性是一个属性，请尝试使用：

Feature: Calculator
  I use Calculator instead of calculating myself
@Before Count is: 0
@Given Count is: 1
@After Count is: 2
@Before Count is: 3

  @smokeTest
  Scenario Outline: Add two numbers # src/test/java/cucumber/junit/maven/cucumber_jvm/maven/calculatorFeature.feature:19
    Given I have a calculator       # CalculatorSteps.i_have_a_calculator()
    When I add 2 and 3              # CalculatorSteps.i_add(int,int)
    Then the result should be 5     # CalculatorSteps.the_result_should_be(int)
@Given Count is: 4
@After Count is: 5
@Before Count is: 6

  @smokeTest
  Scenario Outline: Add two numbers # src/test/java/cucumber/junit/maven/cucumber_jvm/maven/calculatorFeature.feature:20
    Given I have a calculator       # CalculatorSteps.i_have_a_calculator()
    When I add 4 and 5              # CalculatorSteps.i_add(int,int)
    Then the result should be 9     # CalculatorSteps.the_result_should_be(int)
@After Count is: 7

  @regressionTest
  Scenario: Subtract one number from another # src/test/java/cucumber/junit/maven/cucumber_jvm/maven/calculatorFeature.feature:23
    #Given I have a calculator
    When I subtract 2.5 from 7.5             # CalculatorSteps.i_subtract_from(int,int)
    Then the result should be 5.0            # CalculatorSteps.the_result_should_be1(double)

3 Scenarios (3 passed)
8 Steps (8 passed)
0m0,072s

这将取消选中页面上的所有复选框。

Answer 4

您可以使用此代码：

取消选中：

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

检查：

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

Answer 5

如果您的目标是特定的复选框，

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

如果没有，下面给出了重置页面中的所有复选框。

$("input[type=checkbox]").prop("checked", false);

Answer 6

以下代码对我有用。

$(':input').not(':button, :submit').val('').removeAttr('checked').removeAttr('selected');

清除表单中的所有输入类型字段。