复选框提交href(html)

时间:2015-05-11 11:37:48

标签: php html forms

我想提交一个没有提交按钮的表单,但是当我点击另一个href时。 这是我的代码:

第1页:

<form name="myform" method="post" action="page2.php"> 
    <input type="checkbox" name="condition" value="1">
</form>
<a href="page2.php?item=n" onclick="document.forms['myform'].submit();"> link </a>

第2页:

 $_SESSION['condition'] = isset($_POST['condition'])? 1 : 0;

问题是$_POST['condition']永远不会被设置,即使选中该框也是如此。似乎我的表单没有从page1提交到page2。你知道为什么会发生这种情况吗?

修改:

也许它不清楚我想要实现的目标所以我编辑了我的代码:我正在使用href,因为我有一个ref列表,用户可以点击但是我想添加一个带有复选框的选项。因此,当用户点击ref时,我想发送带有参数的选项。

3 个答案:

答案 0 :(得分:1)

submit()方法使用表单的指定操作作为目标,而不是链接的href,你应该删除

<form name="myform" method="post" action="page2.php"> 
    <input type="checkbox" name="condition" value="1">
</form>
<a href="javascript:void(0);" onclick="document.forms['myform'].submit();"> link </a>

答案 1 :(得分:1)

这样的事情怎么样?

<div ng-app="categorieFilter" ng-cloak="" ng-controller="catFilter">
<div class="input-group">
 <input type="text" name="table_search" class="form-control input-sm pull-right" ng-model="search" placeholder="Search"/>
<div class="input-group-btn">
 <button class="btn btn-sm btn-default">
  <i class="fa fa-search"></i>
 </button>
</div>
</div>
<div>
 <input type="submit" class="btn btn-success" style="margin:10px; width:30%;" ng-repeat="cat in categories" ng-click="filterProductsByCats(cat.categoryName)" value="{{cat.categoryName}}">
</div>
<table class="table table-hover">
 <tr style="background-color:#ddd;">
  <th colspan="4" style="text-align:left; font-size:16px;"> Category </th>
  <th colspan="4" style="text-align:left; font-size:16px;"> Product </th>
  <th colspan="4" style="text-align:left; font-size:16px;"> Price </th>
 </tr>
 <tr ng-repeat="product in products | filter:search | orderBy: 'category'">
  <td colspan="4">{{product.category}}</td> 
  <td colspan="4">{{product.name}}</td>
  <td colspan="4">{{product.price}}</td>
 </tr> 
</table>

答案 2 :(得分:0)

这应该有效:

<form name="myform" method="post" action="page2.php?item=n"> 
    <input type="checkbox" name="condition" value="1">
    <button type="submit" class="link">link</button>
</form>

您可以通过删除边框并调整字体来将按钮设置为看起来像链接。