java - 如何验证 RadioButton 是否被选中？

Question

我正在尝试验证何时选择 JSP 表单内的单选按钮，并使该选择用我想要的内容刷新我的页面。我计划使用这些单选按钮作为选择类别的方式。

这是我的表单代码:

<form name="login" action="procesarAdd.do">
    <br>

    <b>CATEGORIA</b>
    <br>
    <input type="radio" name="g1" value="per" checked="checked" />PERFUME
    <input type="radio" name="g1" value="joy" />JOYAS
    <input type="radio" name="g1" value="car" />BOLSO CARTERAS

        <table border="1">
            <tbody>
                <tr>
                    <td>ID Producto</td>
                    <td><input type="text" name="id" value="" /></td>
                </tr>
                <tr>
                    <td>Nombre</td>
                    <td><input type="text" name="nombre" value="" /></td>
                </tr>
                <tr>
                    <td>Stock</td>
                    <td><input type="text" name="stock" value="" /></td>
                </tr>
                <tr>
                    <td>Precio</td>
                    <td><input type="text" name="precio" value="" /></td>
                </tr>                    
            </tbody>
        </table>

    <br>

我需要根据单选按钮的选择显示不同的图像，然后获取表单上的所有信息以将新产品创建到数据库中。我对 JavaScript 毫无了解，我想知道这是否可以用纯 Java 或 html 来完成。

Answer 1

您可以使用 jQuery 来完成此操作，如下所示:

HTML -

<form id="myForm">
  <input type="radio" name="radioName" value="1" /> 1 <br />
  <input type="radio" name="radioName" value="2" /> 2 <br />
  <input type="radio" name="radioName" value="3" /> 3 <br />
</form>

jQuery-

$(function(){
  $('#myForm input').on('change', function() {
   alert($('input[name=radioName]:checked', '#myForm').val()); 
  });
});

现在您可以调用您想要发出的任何 AJAX 请求或您想要对后端进行的任何函数调用，而不是显示警报。

您可以在这里进行更多实验:http://plnkr.co/edit/gist:2006604?p=preview 。您可以在此处阅读有关 jQuery 的 :checked 伪类的更多信息:https://api.jquery.com/checked-selector/ .