2014-12-19 75 views
0

我在表單提交了我的php網頁。在這個表格上我有複選框。如果滿足兩個條件,則顯示td

如果單擊表單提交按鈕並且複選框被選中,我想隱藏表中的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> 

一些幫助?

+0

你需要解釋一下你的問題多一點 - 你知道表單在提交時會將用戶重定向到新頁面? – Terry 2014-12-19 01:34:17

+0

其重定向在同一頁上,請參閱下面的註釋 – LoverBugs 2014-12-19 01:50:53

回答

1

您的場景有點奇怪,因爲您正在收聽我認爲是<form>元素的提交事件,但未阻止表單提交。表單提交會觸發一個URL重定向,所以如果沒有任何進一步的信息,我想你不打算將用戶重定向到另一個頁面。

在事件監聽器中綁定事件處理程序是很複雜的。相反,使用條件語句,如果該複選框在表單提交確實檢查,以評估:

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

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

看到,有證據的概念小提琴這裏:http://jsfiddle.net/teddyrised/p1jxt3fv/

+0

我發送到php文件,但它在同一頁上: [link]

」method = 「POST」id =「formclick」> – LoverBugs 2014-12-19 01:46:31

+0

然後你甚至不需要JS。您只需檢查PHP $ _POST或$ _GET對象的複選框的值。如果存在,隱藏細胞;如果沒有,不要。或者,您可以將提交時的複選框的狀態存儲在Cookie中或本地存儲中。 – Terry 2014-12-19 01:48:54

+0

謝謝你!我不知道持有複選框是可能的:D 這是如何如果任何與此掛鉤http://stackoverflow.com/questions/14046312/save-value-of-checkboxes-in-a-form-with -php – LoverBugs 2014-12-19 01:56:07

相關問題