如何使整个表格单元格充当可单击表单区域

Question

我有一个带有单元格的表，我希望其中的所有内容都可单击，我需要该单元格中的数据才能通过表单发布数据

<td  BGCOLOR="#77777" align="center" valign="center">
<form method="post" action="index.php?option=com_content&view=article&id=11"  name="details">
<input type="hidden" id="UUID" name="UUID" value="<?php echo $dealUUID?>">
<input type="image"  height="300" width="365" src="php_scripts/getdealimage.php?id='<?php echo $dealUUID?>'" name="checked" value="<?php echo $info[0]; ?>">
</form>
<div id="dealdata">
<br /><?echo $dealpromo;?> 
<h1><?echo $dealvalue; ?></h1>
</div> 
</td>

所以我想将整个区域设为可点击区域并发送表单数据

Answer 1

要提交表格单元格，您可以使用此

$('td > form').each(function(i,e){
   var form = $(this);
   var cell = form.parent();
   if(cell.is('td')){
     cell.click(function(){
       form.submit();
     });
   }
});

如果jsut希望遵循该链接，则jsut修改form.submit（）部分以使用form.attr（'action'）更改window.location.href。