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

问题描述

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

<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>

解决方法

暂无找到可以解决该程序问题的有效方法,小编努力寻找整理中!

如果你已经找到好的解决方法,欢迎将解决方案带上本链接一起发送给小编。

小编邮箱:dio#foxmail.com (将#修改为@)