我有一个复选框。如果复选框被选中，我想切换包含复选框的div的样式。
<label for="ids"> <div> <img src="img/87_1180.jpg"> <h4>Name</h4> <input name="ids" id="ids" type="checkbox"> </div> </label>
当用户点击标签时，复选框被选中。如果复选框被选中，我想添加类。谢谢你的帮助。
smtd7mpg1#
$("#ids").click(function() { $(this).parent().toggleClass("yourClassName"); });
vqlkdk9b2#
乔许，实际上，通常正确的标签用法应该是这样的：
<label for="ids">Name</label> <input name="ids" id="ids" type="checkbox" />
我不认为根据W3C标准将输入放在标签内是常见的做法，请参阅：http://www.w3.org/TR/html401/interact/forms.html#edef-LABEL虽然它可能会验证您编写代码的方式，但具体控制样式要困难得多。尝试以下代码更改标签：
$("#ids").click(function() { $('label[for="' + $(this).attr('name') + '"]').toggleClass('myClass'); });
2条答案
按热度按时间smtd7mpg1#
vqlkdk9b2#
乔许，
实际上，通常正确的标签用法应该是这样的：
我不认为根据W3C标准将输入放在标签内是常见的做法，请参阅：
http://www.w3.org/TR/html401/interact/forms.html#edef-LABEL
虽然它可能会验证您编写代码的方式，但具体控制样式要困难得多。
尝试以下代码更改标签：