$(":checked").parent().css("background","#f3f365"); $("input").click(function(e) { var t = e.target.type; var chk = $(this).prop('checked'); var name = $(this).attr('name'); if(t === 'checkbox') { if(chk === true){ $(this).parent().css('background', '#f3f365'); } else { $(this).parent().css('background-color', ''); } return true; } else if(t === 'radio') { if(chk === true){ $("input[name=" + name + "]").parent().css("background-color",""); $(this).parent().css("background","#f3f365"); } return true; } });
div{margin:50px;} p{margin-bottom:15px;}
<div><p><label><input type="checkbox" checked />foo</label> <label><input type="checkbox" />bar</label> <label><input type="checkbox" />hoge</label> </p><p> <label><input type="radio" name="test" />foo</label> <label><input type="radio" name="test" />bar</label> <label><input type="radio" name="test" checked />hoge</label> </p> </div>