Question

   <input type="checkbox" name="checking">j'accepte les conditions
   <input type="submit" value="Valider"  id="valide" disabled/>

<script>
    $(document).ready(function(){

         if((input=$("input:checkbox[name=checking]").is(":checked"))){
            $("#valide").prop('disabled',true);
         }

});
    </script>

嗨，我选中复选框

时需要启用按钮（valide）

Answer 1

只需听取“改变”的声音。复选框上的事件并相应地启用/禁用按钮。

$("input:checkbox[name=checking]").on('change',function(){
     $("#valide").prop('disabled', !this.checked);        
})

这里是demo

Answer 2

因此，如果勾选了复选框，则会点击复选框设置disabled至false。在此示例中，我假设您还想要将disabled设置为true，如果该复选框再次未被选中：

if((input=$("input:checkbox[name=checking]").is(":checked"))){
    $("#valide").prop('disabled',true); // <== You might want to make this depend on the initial state of the checkbox
}
input.on("click", function() {
    $("#valide").prop('disabled', !this.checked);
});

Answer 3

FIDDLE：

$(function () {
   $(':checkbox[name=checking]').click(function () {
      if ($(this).is(':checked')) $('#valide').prop('disabled', false);
   });
});

Answer 4

每次用户选中或取消选中时，都必须将侦听器添加到呼叫功能复选框

尝试这个懒惰：）

   <input type="checkbox" onclick="check()" name="checking">j'accepte les            conditions
   <input type="submit" value="Valider"  id="valide" disabled/>





     function check(){
    if($('input[name=checking]').is(":checked")){
        $("#valide").prop('disabled',false);
    }else{
    $("#valide").prop('disabled',true);
    }
    }

请务必在html代码后添加javascript代码

演示点击here

RemoveAttr不会删除已禁用

4 个答案: