Question

我在php网页上提交表单。在这个表格上我有复选框。

如果单击表单提交按钮并选中复选框，我想在表格中隐藏td。

这是我的代码：

<script>
    $(document).ready(function()
            {

                $('#formclick').on('submit'), function(){
                    $('#check').change(function(){
                        if(this.checked)
                        $("#cell").hide();
                    else 
                        $("#cell").show();
                        });

                });

            });
</script>

<table>
<td>something</td>
<td id="cell">this has to be hide wheen formclick submit is clicked and checkbox is checked</td>
<td>something</td>
<td>something</td>
<td>something</td>
<td>something</td>
</table>

一些帮助？

Answer 1

您的方案有点奇怪，因为您正在监听我认为是<form>元素的提交事件，而不会阻止表单提交。表单提交将触发URL重定向，因此，如果没有任何进一步的信息，我认为您不打算将用户重定向到另一个页面。

在事件侦听器中绑定事件处理程序是令人费解的。相反，使用条件语句来评估在表单提交时是否确实选中了复选框：

$('#formclick').submit(function(e) {
    e.preventDefault();

    if($('#check').is(':checked')) {
        $('#cell').hide();        
    } else {
        $('#cell').show();
    }
});

请参阅此处的概念验证小提琴：http://jsfiddle.net/teddyrised/p1jxt3fv/

如果满足两个条件，则显示td

1 个答案: