如何使用ahref传递复选框的值

Question

我在我的项目中使用以下代码

<cfoutput query="getOptions">

                <tr>
                <td align="center"> #optionname#</td>


                    <td align="center"> #DollarFormat(optionprice)#</td>

                    <td><input type="checkbox" name="OptionalID" value="#OptionID#"   ></td>
                </tr> 
                </cfoutput>

并且我将值传递给其他表单，如下所示

<a href="addtocart.cfm?pid=#productId#&OptionalID=#OptionalID#">

我应该做什么来传递所有选中的复选框的所有值。请帮助

提前致谢

Answer 1

将页面更改为使用表单，而不是通过链接传递值。

大致如下：

<form name="myform" action="addToCart.cfm" method="post">
    <cfoutput>
        <input type="hidden name="pid" value="#productId#">
        <input type="hidden name="OptionalID" value="#OptionalID#">

            <cfloop query="getOptions">
                <tr>
                    <td align="center"> #optionname#</td>
                    <td align="center"> #DollarFormat(optionprice)#</td>
                    <td><input type="checkbox" name="OptionalID" value="#OptionID#"></td>
                </tr>
            </cfloop>
            <input type="submit" value="Add to cart">
    </cfoutput>
</form>

您现在可以传递任意数量的值，复选框将以列表的形式出现。

希望有帮助

Answer 2

尽管使用 JavaScript 可能会有些棘手，但如果您使用 A 添加到购物车，则只会传递 URL 中的值。您想改用表格。

<form name="cartForm" action="addtocart.cfm?pid=#productId#&OptionalID=#OptionalID#" method="POST">
    . . . .
</form>

当然，这意味着您通常会在表单中使用提交按钮。如果您决定使用链接，则可以这样做

<a href="#" onClick="document.forms["cartForm"].submit();">Add to cart</a>

（请注意，为了简单起见，我省略了各种标签和 # 的转义）

Answer 3

为此你需要 JavaScript。

首先，在您发布代码的页面中添加此内容：

<script type="text/javascript">
function AddCheckboxValues(oLink, sName) {
    var arrCheckboxes = document.getElementsByName(sName);
    var values = [];
    for (var i = 0; i < arrCheckboxes.length; i++) {
        if (arrCheckboxes[i].checked) {
            values.push(arrCheckboxes[i].value);
        }
    }
    oLink.href += "&" + sName + "=" + values.join(",");
}
</script>

其次，将 onclick 添加到链接标记：

<a href="addtocart.cfm?pid=#productId#" onclick="AddCheckboxValues(this, 'OptionalID');">

就是这样，现在表单 addtocart.cfm 将获取查询用户勾选的复选框的字符串值。