在这里使用复选框样式系统(稍作修改):http://blogs.digitss.com/javascript/jquery-javascript/jquery-fancy-custom-radio-and-checkbox/我有以下jQuery代码:
if($(this).data("checked") == true)
{
$("#" + this.id + "l").css("padding", "8px 0px 0px 0px");
$(this).css({backgroundPosition:"center -"+(imgHeight*3)+"px"});
}
和HTML:
<div class="checkbox" id="c2">
<input type="checkbox" id="cbx2" name="num[]" value="2" />
</div>
<div class="cbxLabel" id="c2l">Opt 2</div>
我遇到问题的部分是$("#" + this.id + "l")
。无论我尝试什么,它都没有正确地选择“选项2”的div的id。我试图设计div的那一部分,但似乎无法做到正确。
答案 0 :(得分:2)
var $_this = $(this);
$('#'+$_this.attr('id')+'1').css("padding", "8px 0px 0px 0px");
$_this.css({backgroundPosition:"center -"+(imgHeight*3)+"px"});