如何根据比率值启用或禁用提交按钮？

Question

我有一个比例按钮，让用户同意或不同意TOS协议。我想确保用户只有在同意协议后才能提交表单。

我该怎么做？

我的jsfiddle http://jsfiddle.net/6aEHK/

新小提琴http://jsfiddle.net/6aEHK/2/

如何做到这一点？

Answer 1

Fiddle

function chradioEnableSubmit(val) { 
    var sbmt = document.getElementById("sbmt"); 
    if (val === "Agree") { 
     sbmt.disabled = false; 
    } 
    else { 
     sbmt.disabled = true; 
    } 
} 

HTML

<input type="radio" name="TOS1" onclick="chradioEnableSubmit(this.value)" value="Agree">I Agree<br> 
<input type="radio" name="TOS1" onclick="chradioEnableSubmit(this.value)" value="Disagree" checked>I Dissagree 

<input id="sbmt" type="submit" name="Submit" value="Submit" disabled> 

Answer 2

您通过ID引用表单元素而不是NAME。使用这个：

 <input type="radio" id="TOS1" name="TOS1" value="Agree">I Agree<br> 
     <input type="radio" id="TOS2" name="TOS2" value="Disagree" checked>I Dissagree 

你会没事的。

Answer 3

disabled=true无效。

用途：

.disabled = 'disabled' 

要启用它，去掉 “已禁用” 属性。