webForumDet fria alternativet

Inaktivera submitknapp

2 svar · 528 visningar · startad av Fireh

FirehMedlem sedan jan. 2003173 inlägg
#1

Hej!

Jag skulle vilja ha submitknappen inaktiverad så länge som inte två saker uppfylls via radioknappar.
Jag har hittat följande kod som fungerar utmärkt när det bara är en uppsättning alternativ.
Här är Nästa-knappen inaktiverad från början (när även valet Inaktiverad är markerat).
När man sedan klickar på något annat alternativ aktiveras knappen:

<input type="radio" value="" name="S" onclick="this.form['Next'].disabled = true;" checked> Inaktiverad
<input type="radio" value="1" name="S" onclick="this.form['Next'].disabled = false;"> Aktiverad
<input type="radio" value="2" name="S" onclick="this.form['Next'].disabled = false;"> Aktiverad

<input type="submit" name="Next" value="Nästa" disabled>

Nu vill jag har två uppsättningar med radioknappar där båda två har "Inaktiverad" som första alternativ.
Nästa-knappen ska inte aktiveras förns båda radioknapparna har Aktiverad som val. Uppsättningen ser ut så här:

<input type="radio" value="" name="S" checked> Inaktiverad
<input type="radio" value="1" name="S"> Aktiverad
<input type="radio" value="2" name="S"> Aktiverad

<input type="radio" value="" name="P" checked> Inaktiverad
<input type="radio" value="1" name="P"> Aktiverad
<input type="radio" value="2" name="P"> Aktiverad

<input type="submit" name="Next" value="Nästa" disabled>

Någon som har något script för detta eller har lust att göra ett?

Erik JuhlinMedlem sedan maj 200010 687 inlägg
#2
<script type="text/javascript">
function setNextStatus()
{
	var f = document.forms[0];
	var s = f.S, p = f.P, n = f.Next;
	n.disabled = (s[0].checked || p[0].checked);
}
</script>

<form>
<input type="radio" value="" name="S" checked onClick="setNextStatus();"> Inaktiverad
<input type="radio" value="1" name="S" onClick="setNextStatus();">> Aktiverad
<input type="radio" value="2" name="S" onClick="setNextStatus();">> Aktiverad

<input type="radio" value="" name="P" checked onClick="setNextStatus();">> Inaktiverad
<input type="radio" value="1" name="P" onClick="setNextStatus();">> Aktiverad
<input type="radio" value="2" name="P" onClick="setNextStatus();">> Aktiverad

<input type="submit" name="Next" value="Nästa" disabled>
</form>
FirehMedlem sedan jan. 2003173 inlägg
#3

Tackar, fungerar alldeles ypperligt!

138 ms totalt · 3 externa anrop · v20260731065814-full.30151723
0 ms — hämta forumlista (cache)
0 ms — hämta statistik (cache)
135 ms — hämta tråd, inlägg och bilagor (db)