checkbox click event

by Kheema Pandey

HTML

<form>
    <table>
        <tr>
													<td>Question</td>
													<td><input type="text" value=""/></td>
												</tr>	
												<tr>
													<td>&nbsp;</td>
													<td><input type="radio" style="none" name="options" />Opt1</td>
												</tr>
												<tr>
													<td>&nbsp;</td>
													<td><input type="radio" name="options" />Opt2</td>
												</tr>	
												<tr>
													<td>&nbsp;</td>
													<td><input type="radio" name="options" />Opt3</td>
												</tr>	
												<tr>
													<td>&nbsp;</td>
													<td><input type="radio" name="options" />Opt4</td>
												</tr>								
												<tr>
													<td>&nbsp;</td>
													<td><input type="submit" value="Add Question" /></td>
												</tr>
												<tr>
												    <td>&nbsp;</td>
													<td><input type="reset" value="Reset" /></td>
												</tr>
											</table>
										</form>

CSS

form
	{
	}
form input[type="radio"]{ width:auto;}
		form input,
		form select,
		form textarea
		{
			border-radius: 0.4em;
			-webkit-appearance: none;
			border: solid 1px #ddd;
			padding: 0.5em;
			width: 100%;
		}

		form input:focus,
		form textarea:focus
		{
			box-shadow: 0px 0px 2px 2px #c94663;
		}

		form ::-webkit-input-placeholder
		{
			color: #aaa;
		}

		form :-moz-placeholder
		{
			color: #aaa;
		}

		form ::-moz-placeholder
		{
			color: #aaa;
		}

		form :-ms-input-placeholder
		{
			color: #aaa;
		}

JavaScript

$("input[type=radio]:checked").live("click", function() {
 alert("Checkbox clicked.");
});