Toggle function by clicking radiobutton

**Eduard** · 11-03-2012 08:56 AM

Hi!

Can anyone tell me if it is possible to trigger a function when clicking a radiobutton. Without submitting or something..
I'm looking for something similair to the onclick event, that works fine on normal buttons but not on radiobuttons, i can't even select them anymore if I add onclick.

Thanks in advance!

**dangerousprince** · 11-03-2012 10:18 AM

The jQuery library makes it easy to do this:

$("input[type='radio']").change(function(){
// Do something here
});

**vwphillips** · 11-03-2012 10:33 AM

Code:

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN"
    "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">

<html xmlns="http://www.w3.org/1999/xhtml" xml:lang="en" lang="en">

<head>
  <title></title>

<script type="text/javascript">

function Test(rad){
 alert(rad.value);
}
</script>
</head>

<body>
<form>
<input type="radio" name="tst" value="tst 0" onclick="Test(this);"/>
<input type="radio" name="tst" value="tst 1" onclick="Test(this);"/>
</form>
</body>

</html>

**Eduard** · 11-03-2012 10:49 AM

Thank you for your reaction,

I didn't manage to make ik work yet.. Can you tell me wich code i put where exactly?

The function is as followed:

Code:

									<script>function pluspuntspeler1(){
									var puntenspeler1=parseInt(sessionStorage.getItem('puntenspeler1'));
									var pluseen =puntenspeler1+1;
									sessionStorage.setItem('puntenspeler1',pluseen);
									}</script>

The button looks like this:

HTML Code:

                <input id="radio1" name="langstnietsgedaan2" value="speler1" type="radio" onchange="plusuntspeler1();">
                <label for="radio1" id="naam1c">
                </label>

**Eduard** · 11-03-2012 10:50 AM

Sorry my reaction was for the first post, ill try yours now

**Eduard** · 11-03-2012 11:21 AM

Sorry i'm still not getting it to work.. Thanks for your reaction btw!

Could you maybe fit it in my code? As i put before this is the function, i have two of those, one that adds a point to the score of one of the four players, and one that reduces one point.

Code:

function pluspuntspeler1(){
var puntenspeler1=parseInt(sessionStorage.getItem('puntenspeler1'));
var pluseen =puntenspeler1+1;
sessionStorage.setItem('puntenspeler1',pluseen);
}

The buttons looks like this:

HTML Code:

<input id="radio1" name="langstnietsgedaan2" value="speler1" type="radio" onchange="plusuntspeler1();">
<label for="radio1" id="naam1c">
</label>
<input id="radio3" name="langstnietsgedaan2" value="speler3" type="radio" onchange="plusuntspeler2();">
<label for="radio3" id="naam3c">
</label>

**Eduard** · 11-03-2012 11:35 AM

Oww ***,

I see i made a mistake typing, it should be pluspuntspeler1().. I forgot a P.

Thanks and sorry, problem solved

Thread: Toggle function by clicking radiobutton

Thread Tools

Display

Toggle function by clicking radiobutton

Thread Information

Users Browsing this Thread

Bookmarks

Bookmarks

Posting Permissions