<input type=radio name=type value='male' onclick="reload()";>Male <input type=radio name=type value='female' onclick="reload()";>FemaleYou can see the onclick event is calling function reload(). Inside the function reload we will have some object properties to identify the different objects. Here is one to identify the number of period buttons used inside the form.
document.form1.type[i].checkedWhich returns true or false if the button is clicked or not. The value of i changes inside the for loop. If the period button is checked then we will get the value of that button and we will store that value in a variable declared as val.
Outside the loop we will redirect the page with the value of the period button clicked using a query string.
self.location='dd.php?cat=' + val ;