Активиране на бутон

[mitko666]

Здравейте да кажем че имам една формичка с няколко радио бутона и под тях съвсем обикновен инпут бутон.
Как може да стане така че когато някой от радио бутоните не е чекнат да не може да се щрака върху бутона и примерно докато бутона не е щракнат да седи леко прозрачен.

 

[marian]

<script type="text/javascript">
function validate_radio() {
n = 0;
for (i=0;i<document.getElementsByName("test").length;i++) {
if (document.getElementsByName("test").checked) n++;
}
if (n>0) document.getElementById("do_not_touch").onclick = "";
else document.getElementById("do_not_touch").onclick = function() {return false;event.returnValue=false;};
document.getElementById("do_not_touch").style.opacity = n>0 ? 1 : 0.5;
document.getElementById("do_not_touch").filters.alpha.opacity = n>0 ? 100 : 50;
}
</script>
<form>
<input type="checkbox" name="test" onclick="validate_radio()" />
<input type="checkbox" name="test" onclick="validate_radio()" />
<input type="checkbox" name="test" onclick="validate_radio()" />
<input type="checkbox" name="test" onclick="validate_radio()" />
<input type="checkbox" name="test" onclick="validate_radio()" />
<input type="submit" id="do_not_touch" style="opacity:0.5;filter:alpha(opacity=50);" onclick="return false;event.returnValue=false;" />
</form>

Промени само имената на елементите. Не ти ги направих с disabled, защото можеше не искаш да потъмняват(или поне съм разбрал, че искаш да стават прозрачни), но поне можеше да спестиш малко код.
Ето ти направо го и по-малкият вариант на кода.

<script type="text/javascript">
function validate_radio() {
n = 0;
for (i=0;i<document.getElementsByName("test").length;i++) {
if (document.getElementsByName("test").checked) n++;
}
if (n>0) document.getElementById("do_not_touch").disabled = false;
else document.getElementById("do_not_touch").disabled = true;
}
</script>
<form>
<input type="checkbox" name="test" onclick="validate_radio()" />
<input type="checkbox" name="test" onclick="validate_radio()" />
<input type="checkbox" name="test" onclick="validate_radio()" />
<input type="checkbox" name="test" onclick="validate_radio()" />
<input type="checkbox" name="test" onclick="validate_radio()" />
<input type="submit" id="do_not_touch" disabled="disabled" />
</form>