How to find radio button selection using jquery?

/*****************************************STYLE SHEET****************************************/

<style>
.border-right{border-right:1px solid #EEE; background-color:FFF; cursor:pointer;}
.border-right:hover{background-color:#e7f1fa !important}
.hide-radio{ display:none;}
.selected-radio{background-color:#e7f1fa; font-weight:bold; }
.unselected-radio{background-color:#FFF;font-weight:normal;}
</style>

/*****************************************HTML****************************************/

<table style=”font-size:12px;”>
<tr>
<td class=”border-right”><input type=”radio” name=”time” value=”8hours” checked=”checked”/>8 hours</td>
<td class=”border-right”><input type=”radio” name=”time” value=”24hours”  class=”hide-radio”/>24 hours</td>
<td class=”border-right”><input type=”radio” name=”time” value=”48hours” class=”hide-radio”/>48 hours</td>
<td class=”border-right”><input type=”radio” name=”time” value=”3days” class=”hide-radio”/> 3 days</td>
<td class=”border-right”><input type=”radio” name=”time” value=”5days” class=”hide-radio”/> 5 days<br /></td>
<td class=”border-right”><input type=”radio” name=”time” value=”7days” class=”hide-radio”/>7 days</td>
<td class=”border-right”><input type=”radio” name=”time” value=”14days” class=”hide-radio”/>14 days<br /></td>
<td class=”border-right”><input type=”radio” name=”time” value=”1month” class=”hide-radio”/>1 Month<br /></td>
</tr>
</table>

/*****************************************JAVASCRIPT****************************************/

$(function(){

$(“.border-right”).click(function(){

$(“input[name=’time’]”).addClass(“hide-radio”);
$(“.border-right“).removeClass(“selected-radio”);
$(this).addClass(“selected-radio”);
$(this).find(“input[type=’radio’]”).removeClass(“hide-radio”);
$(this).find(“input[type=’radio’]”).attr(“checked”,true);
});

});

Leave a Reply

Your email address will not be published. Required fields are marked *