Question

在单选按钮的html中，我有这个：

<input type="radio" name="sex" value="male" /> Male<br />
<input type="radio" name="sex" value="female" /> Female <br />

和检查清单：

 <input name="checkboxvar[]" type="checkbox" value="dog" />Dog</td>
 <input name="checkboxvar[]" type="checkbox" value="cat" />Cat</td>
 <input name="checkboxvar[]" type="checkbox" value="rabbit" />Rabbit</td>

对于单选按钮，我如何才能使它们成为必需，如果用户选择的值超过1，复选框可以获取结果？

对于以前的字段，我使用提交按钮

  <input type="submit" name="submit" id="submit" value="submit" />

Answer 1

要制作所需的单选按钮，请使用必需的标记（您只需为每个组添加必需的标记一个无线电输入）：

<input type="radio" name="sex" value="male" required/> Male<br />

required属性是required="required"或required="true"的简写（事实上，它的构成了一个＆t 39的值，就像任何（非空）字符串一样）

至少需要制作一个复选框：已提供答案here;这基本上表明，如果<button>元素的id为checkBtn，则以下代码可以提供帮助（我的一些评论）：

$(document).ready(function () {
    // grabbing the button's element and adding an
    // onclick event to it
    $('#checkBtn').click(function() {
      // grabs all elements which are checkboxes and
      // are checked; if none are checked, the length
      // is zero; else, the length is a 'truthy' value
      checked = $("input[type=checkbox]:checked").length;
      // if no elements are checked
      if(!checked) {
        // error handling
        alert("You much check at least one checkbox.") return false;
      }

    });
});

假设您想要在提交按钮的单击时检测到错误;如果你想要处理错误，你可能想澄清一下（你的答案有点模糊）。

希望它有所帮助！

Answer 2

使用必需属性如下： -

<input type="radio" name="sex" value="male" required />Male

多个复选框和单选按钮中的必填字段

2 个答案: