JavaScript - 表单中的Bootstrap选项按钮验证

Question

我需要验证方面的帮助。 那是我的代码：

HTML：

<label for="option">כיתה נוכחית:</label>
<div class="btn-group" data-toggle="buttons">
  <label class="btn btn-primary">
    <input type="radio" name="class" value="12" > י"ב
  </label>
  <label class="btn btn-primary">
    <input type="radio" name="class" value="11" > י"א
  </label>
  <label class="btn btn-primary">
    <input type="radio" name="class" value="10"> י'
  </label>
  <label class="btn btn-primary">
    <input type="radio" name="class" value="9"  id="9"  onkeyup="validateClass()"> ט'
  </label>
  <label class="btn btn-primary">
    <input type="radio" name="class" value="8" > ח'
  </label>
  <label class="btn btn-primary">
    <input type="radio" name="class" value="7" id="7" onkeyup="validateClass()"> ז'
  </label>
  <label class="btn btn-primary">
    <input type="radio" name="class" value="6" id="6" onkeyup="validateClass()"> ו'
  </label>

结果：

问题：我想检查用户是否点击了其中一个按钮。

我试着这样做：

if (calss10 === null) 

我希望这样做：onekeyup=" "

Answer 1

这将解决您的问题。 您需要创建一个在用户提交表单时运行的函数（onsubmit） 这是一个表单示例： P.S您需要为每个单选按钮id="class"

添加一个ID

 <form onsubmit="return Validate()">
    <label for="option">כיתה נוכחית:</label>
    <div class="btn-group" data-toggle="buttons">
      <label class="btn btn-primary">
        <input type="radio" name="class" value="12" > י"ב
      </label>
      <label class="btn btn-primary">
        <input type="radio" name="class" value="11" > י"א
      </label>
      <label class="btn btn-primary">
        <input type="radio" name="class" value="10"> י'
      </label>
      <label class="btn btn-primary">
        <input type="radio" name="class" value="9"  id="9"  onkeyup="validateClass()"> ט'
      </label>
      <label class="btn btn-primary">
        <input type="radio" name="class" value="8" > ח'
      </label>
      <label class="btn btn-primary">
        <input type="radio" name="class" value="7" id="7" onkeyup="validateClass()"> ז'
      </label>
      <label class="btn btn-primary">
        <input type="radio" name="class" value="6" id="6" onkeyup="validateClass()"> ו'
      </label>

</form>  

function Validate() {
    if (!Validate_Class())
        return false;
}
function Validate_Class() {
    if (!document.getElementById("class").checked) {
        alert("אתה חייב לבחור כיתה!");
        return false;
    }
}

Answer 2

这不会完成工作吗？

var myClickedElement;

$('input[name="class"]').click(function(e) {
    myClickedElement = $(this);
});