Показать td, если выполнены два условия

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/