PHPhulp.nl PHPhulp.nl
35k+ leden Over PHPhulp Offerte opdracht Contact
F

setattribute radio buttons

Door Frank Jansen op 09-01-2014 23:23 gewijzigd op 09-01-2014 23:30
1.611 views
hallo allemaal,

Ik probeer met buttons, radio-buttons te selecteren. Dit werkt wel maar niet geheel goed. Het werkt wel van 1 naar 3 maar niet andersom. Ik heb hierop gegoogled maar niets gevonden. is er iemand die weet waarom dit maar half werkt.

<html>
</head>
<body>
<button onclick="aktie(1)" >1</button>
<button onclick="aktie(2)" >2</button>
<button onclick="aktie(3)" >3</button>
<p>
  <label>
    <input type="radio" name="RadioGroup1" value="1" id="1">
    1</label>
  <br>
  <label>
    <input type="radio" name="RadioGroup1" value="2" id="2">
    2</label>
  <br>
  <label>
    <input type="radio" name="RadioGroup1" value="3" id="3">
    3</label>
  <br>
</p>
<script type="text/javascript">
function aktie(id){
	document.getElementById(id).setAttribute("checked","true");
};
</script>
</body>
</html>

B
Bart Smulders
09-01-2014 23:30
Ik snap het niet helemaal wat je precies bedoeld. Wat moet het doen? Het zet de button op checked?
F
Frank Jansen
09-01-2014 23:31
Hoi Bart,
Door op een button te klikken, dus niet op de radio-button zelf.
B
Bart Smulders
09-01-2014 23:37
Frank Jansen op 09/01/2014 23:31:37

Hoi Bart,
Door op een button te klikken, dus niet op de radio-button zelf.


Je gaat door op de knoppen te drukken de status van de knop op checked zetten maar je reset de situatie niet als je naar de volgende gaat.
F
Frank Jansen
09-01-2014 23:39
Hoi Bart,

Een radio-button groep zorgt daar toch zelf voor??
B
Bart Smulders
09-01-2014 23:45 gewijzigd op 09-01-2014 23:48
De oplossing hiervoor is dus kijken of het atribuut reeds op checked staat .


<script type="text/javascript">
function aktie(id){
	if (document.getElementById(id).checked =true){
		document.getElementById('id').removeAttribute('checked');}
		else{
    document.getElementById(id).setAttribute("checked","true");
		}
};
</script>
Ger van Steenderen
09-01-2014 23:47
[code lang=js]
function aktie(id){
document.getElementById(id).click();
};
B
Bart Smulders
09-01-2014 23:51
Ger van Steenderen op 09/01/2014 23:47:07

[code lang=js]
function aktie(id){
document.getElementById(id).click();
};

Dat is idd nog korter :)

F
Frank Jansen
10-01-2014 00:58
Hoi Bart/Gert,

Werkt als een trein, dank je wel

Reageren

Inloggen om te reageren