如何提交选定的复选框项?

时间:2013-08-20 01:37:26

标签: javascript jquery ajax struts2

我有一个需要选择的项目列表,并根据用户的请求采取行动。 用户选择项目并单击其中一个btns以对项目执行某些操作。

我的代码如下,但我不知道如何完成它。我相信,需要把它们放在一个提交的表格中或通过但不确定如何有两个提交btns的表格(如果我需要)。

 <body>
        <p><b>Shopping cart</b></p>
        <table>
            <tbody>
                <c:forEach items="${mycart.items}" var="item">
                    <tr>
                        <td>
                            <input type="checkbox" name="Items" 
                                                         value="${item.ID}"/>  
                        </td>
                        <td>
                           Name : ${item.name}

                        </td>
                    </tr>
                </c:forEach>
            </tbody>
        </table>
        <a href="checkout" onclick="checkout()">checkout</a>
        <a href="delete" onclick="delete()">Delete</a>

2 个答案:

答案 0 :(得分:1)

您可以轻松地在一个<input type="submit" name="something" />中拥有两个<form> 如果要区分操作,只需为每个提交按钮使用不同的name

编辑:

<form ...>
   ...
   ...
   <input id="b1" type="submit" name="edit" value="Edit"/>
   <input id="b2" type="submit" name="delete" value="Delete"/>
</form>

如果通过单击#b1提交上面的表单,那么您的请求将包含名为“edit”的参数。如果提交由#b2触发,则它将包含“删除”。

答案 1 :(得分:0)

我认为以下脚本可能会让您获得检查的项目。 使用jQuery,您需要像这样实现checkout()

function checkout() {
    $('input[name="Items"]:checkbox').each(function() {
        if ($(this).attr("checked")) {
            alert($(this).val() + 'is checked');
        } else {
            alert($(this).val() + 'is not checked');
        }
    }
    );     

}