P Click Change Checkbox value
If Paragraph has green class change respected checkbox
by shantaram
HTML
<p id="a1" class="green"> Hi </p>
<input type="checkbox" id="Q15v2_1" >
<p id="a5"> Hi </p>
<input type="checkbox" id="Q15v2_5" >
<p id="a7" class="green"> Hi </p>
<input type="checkbox" id="Q15v2_7">
<p id="a15"> Hi </p>
<input type="checkbox" id="Q15v2_15" >
<p id="a73" class="green"> Hi </p>
<input type="checkbox" id="Q15v2_73">
CSS
.green {
color: green;
}
JavaScript
$("p[id^=a]").click( function(){
var len = $(this).prop('id').length;
var i = $(this).prop('id').substr(1,len);
if ($(this).hasClass("green")) {
$("#Q15v2_" + i).prop('checked', true);
} else {
$("#Q15v2_" + i).prop('checked', false);
}
});