Warning: file_get_contents(/data/phpspider/zhask/data//catemap/3/gwt/3.json): failed to open stream: No such file or directory in /data/phpspider/zhask/libs/function.php on line 167

Warning: Invalid argument supplied for foreach() in /data/phpspider/zhask/libs/tag.function.php on line 1116

Notice: Undefined index: in /data/phpspider/zhask/libs/function.php on line 180

Warning: array_chunk() expects parameter 1 to be array, null given in /data/phpspider/zhask/libs/function.php on line 181
Javascript 选中复选框设置属性,否则删除属性_Javascript_Jquery - Fatal编程技术网

Javascript 选中复选框设置属性,否则删除属性

Javascript 选中复选框设置属性,否则删除属性,javascript,jquery,Javascript,Jquery,我正在尝试更改按钮上的禁用的属性,以防复选框: <input type="checkbox" id="terms" class="styled" name="terms">Accept <a href="#">terms of service</a> 不幸的是,这只会起作用一次。选中复选框后,按钮将不会更改。是否有这样一个功能是一旦更改编辑按钮?您可以像下面这样做 $('#术语')。更改(函数(){ $(“#注册表按钮”).prop('disabled',

我正在尝试更改按钮上的
禁用的
属性,以防复选框:

<input type="checkbox" id="terms" class="styled" name="terms">Accept <a href="#">terms of service</a>

不幸的是,这只会起作用一次。选中复选框后,按钮将不会更改。是否有这样一个功能是一旦更改编辑按钮?

您可以像下面这样做

$('#术语')。更改(函数(){
$(“#注册表按钮”).prop('disabled',!this.checked);
}).change()

接受

注册
您可以按如下方式进行操作

$('#术语')。更改(函数(){
$(“#注册表按钮”).prop('disabled',!this.checked);
}).change()

接受
在javascript中注册

  • 将更改事件的处理程序附加到复选框
  • 将禁用按钮属性设置为当前复选框属性的值
片段:

document.getElementById('terms').addEventListener('change',函数(e){
document.getElementById('registerButton').disabled=!this.checked;
});
document.getElementById('registerButton')。disabled=true
接受
javascript中的registerButton

  • 将更改事件的处理程序附加到复选框
  • 将禁用按钮属性设置为当前复选框属性的值
片段:

document.getElementById('terms').addEventListener('change',函数(e){
document.getElementById('registerButton').disabled=!this.checked;
});
document.getElementById('registerButton')。disabled=true
接受

注册表按钮
这将对您有所帮助。请参阅此工作演示


接受
点击我
$(“#术语”)。关于('change',function(){
var check_checkbox=$(this.prop('checked');//检查复选框状态
if(check_checkbox==true)//如果选中
{
$(“#我的按钮”).prop('disabled',false)
}
else//如果未选中它
{
$(“#我的按钮”).prop('disabled',true);
}
})

这将对您有所帮助。请参阅此工作演示


接受
点击我
$(“#术语”)。关于('change',function(){
var check_checkbox=$(this.prop('checked');//检查复选框状态
if(check_checkbox==true)//如果选中
{
$(“#我的按钮”).prop('disabled',false)
}
else//如果未选中它
{
$(“#我的按钮”).prop('disabled',true);
}
})
if(document.getElementById('terms').checked) {
    $("#registerButton").removeAttr('disabled');
}else{
    $("#registerButton").attr('disabled','disabled');
}