Here's a simple example on button click event of Radio Button :
<!DOCTYPE html>
<html>
<head>
<meta http-equiv="Content-type" content="text/html; charset=utf-8">
<link rel="stylesheet" href="http://code.jquery.com/mobile/1.0a3/jquery.mobile-1.0a3.min.css" />
<script src="http://code.jquery.com/jquery-1.5.min.js"></script>
<script src="http://code.jquery.com/mobile/1.0a3/jquery.mobile-1.0a3.min.js"></script>
<script language="javascript">
function choixPersonne(chaine)
{
var a = document.getElementById("rien");
var b= document.getElementById("option");
if (chaine == 'cacher1'){
a.style.display = "none";
b.style.display = "block";
}
else if (chaine == 'cacher2'){
a.style.display = "block";
b.style.display = "none";
}
}
</script>
</head>
<body>
<div data-role="page" data-theme="b">
<div data-role="header">
<h1>Quel vin boire, choisir, servir ?</h1>
</div>
<div data-role="content">
<div class="ui-body ui-body-a">
<form action="" name="recherche" id="recherche" method="post">
<fieldset data-role="controlgroup">
<input type="radio" name="personne" id="ouiCli" value="oui" onchange="choixPersonne('cacher1')" checked="checked" />
<label for="ouiCli" >plats/mets</label>
<input type="radio" name="personne" id="nonCli" value="non" onchange="choixPersonne('cacher2')" />
<label for="nonCli">vins</label>
<label for="query">Entrez votre plat ou votre vin</label>
<input type="text" name="query" size="37" value="" />
<div id="rien" style="display:none"><fieldset class="Style7">
</fieldset></div>
<div id="option" style="display:none"><fieldset class="Style7">
<label style="display:inline"><br>Nos accords mets et vins fonctionnent uniquement avec les appellations (Exemple : Sauternes, Chinon etc..)</label>
</fieldset>
</div>
</fieldset>
<input type="submit" name="button" value="rechercher" />
</form>
</div>
</div>
</div>
</body>
</html>
You can also try jQuery :
$("input[type='radio']").change(function () {
var selection=$(this).val();
alert("Radio button selection changed. Selected: "+selection);
});