如何根據比率值啓用或禁用提交按鈕？

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' 

要啓用它，去掉 「已禁用」 屬性。