javascript - 如何使用名称和类型验证 html 中的单选按钮

标签 javascript html validation radio-button

我有三组单选按钮并使用下面的代码获取单选按钮的选中值。但这将所有单选按钮作为一个单独的组,如何使用其组名进行分隔和验证。

 $(document).ready(function () {
        $("#submit").click(function () {
         var x = $("input[type=radio]:checked").val();
    });
   });



<label><input type="radio" name="present" value="1" />yes</label>
<label><input type="radio" name="present" value="2" />no</label>
<label><input type="radio" name="present" value="3" />No idea</label>

<label><input type="radio" name="outing" value="1" />yes</label>
<label><input type="radio" name="outing" value="2" />no</label>
<label><input type="radio" name="outing" value="3" />No idea</label>

<label><input type="radio" name="member" value="1" />yes</label>
<label><input type="radio" name="member" value="2" />no</label>
<label><input type="radio" name="member" value="3" />No idea</label>

最佳答案

对于 present 应该是 var x = $("input[type=radio][name='present']:checked").val();组(修改 name 广告库)。

关于javascript - 如何使用名称和类型验证 html 中的单选按钮,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/9291622/

相关文章:

javascript - 如何从 HTML 源刷新/重新加载我的 DataTable

php - 多个日期的 cakephp 验证

javascript - 具有客户端验证的自定义数据注释验证属性

javascript - Liferay JSP 页面中的 AUI 内联对话框

javascript - 使用适用于 JavaScript 的 Google API 客户端库访问 Google Sites API

javascript - 如何ajax仅加载html而不加载图像?

php - 在独立的非 Laravel 应用程序中照亮验证器

javascript - 一个输入的值正在影响另一个输入

javascript - 使用 JavaScript 选择选项不显示选择值

jQuery:将内联元素插入 DOM