在表格單元格

Question

通過點擊提交表單與jQuery這是如何實現的形式提交clickt表格單元格中只有「輸入」欄

<form id="switch" method="POST"> 
    <table> 
     <tr> 
      <td>some content<input type="hidden" name="switch_value" value="1"></td> 
      <td>some content<input type="hidden" name="switch_value" value="2"></td> 
      <td>some content<input type="hidden" name="switch_value" value="3"></td> 
      <td>some content<input type="hidden" name="switch_value" value="4"></td> 
      <td>some content<input type="hidden" name="switch_value" value="5"></td> 
     </tr> 
    </table> 
</form> 

Answer 1

試試這個：

<form id="switch" method="POST"> 
    <table> 
     <tr> 
      <td><label>some content<input type="radio" name="switch_value" value="1"></label></td> 
      <td><label>some content<input type="radio" name="switch_value" value="2"></label></td> 
      <td><label>some content<input type="radio" name="switch_value" value="3"></label></td> 
      <td><label>some content<input type="radio" name="switch_value" value="4"></label></td> 
      <td><label>some content<input type="radio" name="switch_value" value="5"></label></td> 
     </tr> 
    </table> 
</form> 
<script> 
$(document).ready(function(){ 
    $('#switch input[type="radio"]').change(function(){ 
    $('#switch').submit(); 
    }); 
}); 
</script> 

我包文本和label之間的單選按鈕，即使您使用css隱藏radio buttons，文本也會將事件傳播到單選按鈕。