javascript - 如果选中复选框，则 jQuery 移动启用按钮

Question

我这里有这个复选框，我想做的是在选中该复选框但不起作用的情况下启用该按钮。

HTML:

<div data-role="fieldcontain">
    <fieldset data-role="controlgroup" style="width:294px">
            <input type="checkbox" name="checkbox-1" id="checkbox-1" class="chk"/>
            <label for="checkbox-1">I agree</label>
    </fieldset>
</div>
<input type="submit" id="submit" data-inline="true" data-theme="a" data-icon="check" value="&nbsp;Submit&nbsp;" disabled/>  

JavaScript:

<script>
    $('.chk').change(function(){
        if ($(this).is(':checked'))
            {
                $("#submit").removeAttr("disabled");
            }
        else
            {
                $("#submit").attr( "disabled", "disabled" );
            }               
    });
</script>

我看不出问题出在哪里。我正在使用 JQM 1.3.2

Answer 1

您需要使用.button()用于启用或禁用按钮的小部件。

$(document).on("change", "#checkbox-1", function () {
  if ($(this).prop("checked")) {
    $("#submit").button("enable");
  } else {
    $("#submit").button("disable");
  }
});

Demo