如果未选中复选框,请隐藏表单

时间:2017-08-06 14:21:24

标签: javascript forms checkbox

我有一个带有默认礼物选项的结帐页面。我有这个代码,允许完全隐藏礼物选项:

<script>
 $( document ).ready( function(){
 $("#gift-form").remove()
 });
</script>

我想要的是,如果通过礼物链接访问该页面,则不会触发此代码。据我所知,礼品链接自动检查用户的礼品选项复选框。这可能吗?不幸的是,我无法编辑礼物本身。

由于

2 个答案:

答案 0 :(得分:0)

需要知道您的复选框选择器是什么,但您可以使用checked属性检查其值:

$(document).ready(function () {
    if (document.querySelector('#is_gift').checked) {
        $("#gift-form").hide();
    }
});

此外,如果你只想按照你的说法隐藏礼物选项,hide()将允许你稍后将其恢复(而不是remove())。< / p>

答案 1 :(得分:0)

使用类似的东西:

 $(document).ready(function () {
     if($('#CHECKBOX_ID').is(':checked'))
        $('#gift-form').remove()
 });

它会在删除表单之前看到是否选中了复选框。