jQuery移动启用按钮（如果已选中复选框）

Question

I have this checkbox here and I'm trying to do is to enable the button if checkbox is checked but it is not working.

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>

I can't see what's the problem. And I'm using JQM 1.3.2

Answer 1

$('.chk').change(function(){
    if($(this).is(':checked')) {
        $('#submit').button('enable');  
    }
    else {
        $('#submit').button('disable'); 
    }               
});

• http://jsfiddle.net/XAF3G/3/
• http://demos.jquerymobile.com/1.2.0/docs/buttons/buttons-methods.html

Answer 2

You need to use .button() widget to enable or disable a button.

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

Demo

Answer 3

use button("enable") and button("disable") you are using jquery mobile because

  $('.chk').change(function () {
      if ($(this).is(':checked')) {

          $("#submit").button('enable');
      } else {
          $("#submit").button('disable');
      }
  });

here a fiddle

Answer 4

When you say:

$('object').is(':checked')

It returns a number, the number of the objects that are checked.

So, for doing things like what you are, you should have an object specific identifier (#submit), and you should revise your if to something like the following.

$('#submit').is(':checked') > 0