javascript - 使用 jquery 或 java 脚本获取复选框值并显示一个 div

Question

如果复选框值为"is"，我想显示默认情况下隐藏的 div。这是我的 html 代码

 <div class="bestsell_wrapper">
    <div style="display:none;" itemprop="best-sell" class="best-sell"></div>
    <input type="checkbox" class="bestsell_chkbox" name="bestsellchk_box"
        value="<%=getCurrentAttribute('item','custitem_sumisho_overlay1')%>" style="display:none;" />  
</div>

有多个元素，复选框值为"is"，我想显示类名为“best-sell”的 div。我已经尝试过这个 jquery 代码，但它不起作用

<script type="text/javascript">
    $(".bestsell_chkbox").each(function(){
        if ($("this").val().trim() == "Yes")
        {
            $(".best-sell").css("display", "block");
        }
    });
</script>

Answer 1

只需将您的 jQuery 更改为:

$(".bestsell_chkbox").each(function(){
    var $that = $(this);
    if ($that.val().trim() == "Yes") {
        $that.prev(".best-sell").css("display", "block"); 
    }
})