webForumDet fria alternativet

Inaktivera submitknapp

JavaScript

2 svar · 530 visningar · startad av Fireh

Medlem sedan jan. 2003173 inlägg
Frågan#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?

Medlem 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>
Medlem sedan jan. 2003173 inlägg
#3

Tackar, fungerar alldeles ypperligt!

261 ms totalt · 4 externa anrop · v20260731065814-full.1dc6f849
126 ms — deklarationer (db)
0 ms — hämta statistik (cache)
133 ms — hämta tråd, inlägg och bilagor (db)
121 ms — ändringar (db)