如何使“提交”按钮与我的复选框配合使用

问题描述

我已经在这里呆了几个小时了，我似乎无法让复选框做其他任何事情，然后在外观上还不错。我需要让用户输入他们自己输入的一个，然后按提交按钮使他们输入的内容提交。

<tr>
                    <td>
                        <input type = 'checkbox' name = 'area2d' value = 'area' id = 'area'>
                        <label for = 'area'> Area </label>
                    </td>
                </tr>
                <tr>
                    <td>
                        <input type = 'checkbox' name = 'perimeter' value = 'perimeter' id = 'perimeter'>
                        <label for = 'perimeter'> Perimeter </label>
                    </td>
                    <td>

                        
                    </td>
                    <td>
                        <input type = 'submit' name = 'area2d' id = 'area' value = 'Submit Query'>
                        <input type = 'submit' name = 'perimeter' id = 'perimeter' value = 'Submit Query'>
                        <input type= 'reset' name= 'Reset' id= 'Reset' value= 'Reset'>
                    </td>
                </tr>

一切开始都很好，但我似乎无法弄清楚如何正确地将它们链接在一起。

<tr>
                    <td>
                        <input type = 'radio' name = 'shape' value = 'circle' id = 'shapeT'>
                        <label for = 'shapeT'> Triangle </label>
                    </td>
                    <td>
                        <label for = 'heightBox'> Height </label>
                    </td>
                    <td>
                        <input type = 'number' name = 'height2d' id = 'heightBox'>
                    </td>
                </tr>
                <tr>
                    <td>
                        <input type = 'radio' name = 'shape' value = 'circle' id = 'shapeR'>
                        <label for = 'shapeR'> Rectangle </label>
                    </td>
                    <td>
                        <label for = 'widthBox'> Width </label>
                    </td>
                    <td>
                        <input type = 'number' name = 'width2d' id = 'widthBox'>
                    </td>
                </tr>
                <tr>
                    <td>
                        <input type = 'radio' name = 'shape' value = 'circle' id = 'shapeC'>
                        <label for = 'shapeC'> Circle </label>
                    </td>
                    <td>
                        <label for = 'radiusBox'> Radius </label>
                    </td>
                    <td>
                        <input type = 'number' name = 'radius2d' id = 'radiusBox'>
                    </td>
                </tr>

解决方法

您不希望表单元素具有重复的name属性。 This post说，name对象中只有具有给定POST的最后一个元素