Javascript 选中复选标记时增加Div高度

当选中复选标记时，我当前有一个隐藏div的fadein/out。我还想增加适当的div高度，然后在取消选中复选标记后删除相同的高度。这是我当前代码的一些片段：

<script type="text/javascript">
$('.checkTax').change(function() {
if ($(this).attr("checked")) {
    $('.prorateTax').fadeIn();
    return;
}
$('.prorateTax').fadeOut();
});
</script>

---

我感谢大家的帮助，如果我能选择多个绿色复选标记，我会的。提出的几项建议本可以奏效。我也不能向上/向下投票，因为我没有足够的声誉。

我看到您正在使用jQuery。对于操纵高度，请使用：

$('selector').css('height', your_value);

---

要通过获取图元的当前高度来增加高度，可以采用以下方法：

$(selector).css( "height", "+=20px" );

$(selector).height( $(selector).height() + 20 );

---

您还可以使用更简单的jQuery方法

$（'.checkTax'）.change（函数（）{
if（$（this.attr（“选中”））{
$（'.prorateTax'）.fadeIn（）.height（20）；
返回；
}
$（'.prorateTax'）.fadeOut（）.height（0）；
});

---

因此，如果我想在现有设置中添加高度，请使用：$（'.article.prorate'）.css（“height”，“+=20px”）？这行吗？$（'.article.prorate'）.css（“高度”，parseInt（$（'.article.prorate'）.css（“高度”）+20）；

$(selector).css( "height", "+=20px" );

$(selector).height( $(selector).height() + 20 );

<script type="text/javascript">
$('.checkTax').change(function() {
if ($(this).attr("checked")) {
    $('.prorateTax').fadeIn().height(20);
    return;
}
$('.prorateTax').fadeOut().height(0);
});