Question

我需要编写一个函数，只有当你选中了一个复选框时才能按下按钮，这是我到目前为止所写的，它启动为假，因此按钮获取被禁用，但是当我选中复选框时它没有不行我的代码：

            var gdprAccepted = false
                if(gdprAccepted == true){
                    $('#btn-wheel-submit').prop("disabled", "false");
                } else {
                    $('#btn-wheel-submit').prop("disabled", "true");
                }
        } 
    });
} 
        function gdprChecker() {
            if($('#gdprCheck').is(':checked')){
                gdprAccepted = true;
                console.log(gdprAccepted);
            } else {
                gdprAccepted = false;
                console.log(gdprAccepted);
            }
        }

Answer 1

你似乎正在使它变得比它需要的更复杂：

function updateButton(checkbox) {
  checkbox.form.b0.disabled = !checkbox.checked;
}

<form onsubmit="return false;">
  <input type="checkbox" name="cb0" onclick="updateButton(this)"><br>
  <button name="b0" disabled onclick="console.log('Enabled')">Button</button>
</form>

Answer 2

您只需选中单击（启用）复选框即可。如果启用，则从按钮中删除已禁用的属性。喜欢以下

var checker = document.getElementById('checkme');
 var sendbtn = document.getElementById('buttonId');
 // when unchecked or checked, run the function
 checker.onchange = function(){
if(this.checked){
    sendbtn.disabled = false;
} else {
    sendbtn.disabled = true;
}

}

<input type="checkbox" id="checkme"/>
<input type="submit" class="inputButton" disabled="disabled" id="buttonId" value="Button " onclick='alert("enabled")'/>

Answer 3

＆＃13;

$(document).ready(function(){
$('#check').click(function(){
if($(this).prop('checked')){
$('#btn').prop('disabled', false);
}else{
$('#btn').prop('disabled', true)
}
})
})

＆＃13;

<!-- Using Jquery -->
<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script>
<input type="checkbox" id="check"/>
<input type="submit"  disabled="disabled" id="btn" value="Button" onclick='console.log("button is Enabled")' />

＆＃13;

Answer 4

var cbox = document.getElementById('check');
var btn = document.getElementById('btn');
cbox .addEventListener('click',function(){
if(cbox.checked){
btn.disabled = false;
}else{
btn.disabled = true; 
}
})

<!-- Using Javscript-->
<input type="checkbox" id="check"/>
<input type="submit" class="inputButton" disabled="disabled" id="btn" value="Button" onclick='console.log("button is Enabled")' />

按钮＆amp;复选框没有跟踪彼此

4 个答案: