Javascript 如何读取切换btn的值？

我如何知道javaScript按下的按钮是什么

女性
男性

如果您使用的是JQuery，您可以使用：

$('input[name="options"]:checked').val();

---

您需要向按钮tho添加value属性

如果您使用的是JQuery，则可以使用：

$('input[name="options"]:checked').val();

---

您需要向按钮tho添加value属性

也许您可以添加value=“f”和value=“m”或从id获取数据

HTML

<div class="col-xs-11 col-sm-11 col-md-11 col-lg-11">
  <div id="insert_data__radio_gender" class="btn-group" data-toggle="buttons">
   <label class="btn btn-primary">
    <input type="radio" name="options" id="insert_data__radio_gender_f" value="f" autocomplete="off">Female
   </label>
   <label class="btn btn-primary active">
    <input type="radio" name="options" id="insert_data__radio_gender_m" value="m" autocomplete="off">Male
   </label>
 </div>
</div>
<button onclick="chkRadios();">Check</button>

女性
男性
检查

JS

function chkRadios(){
  var radios = document.getElementsByName('options');

for (var i = 0, length = radios.length; i < length; i++) {
      if (radios[i].checked) {
          alert(radios[i].id);
          alert(radios[i].value);
          break;
      }
  }
};

函数chkRadios（）{
var radios=document.getElementsByName（'options'）；
对于（变量i=0，长度=radios.length；i

---

也许您可以添加value=“f”和value=“m”或从id获取数据

HTML

<div class="col-xs-11 col-sm-11 col-md-11 col-lg-11">
  <div id="insert_data__radio_gender" class="btn-group" data-toggle="buttons">
   <label class="btn btn-primary">
    <input type="radio" name="options" id="insert_data__radio_gender_f" value="f" autocomplete="off">Female
   </label>
   <label class="btn btn-primary active">
    <input type="radio" name="options" id="insert_data__radio_gender_m" value="m" autocomplete="off">Male
   </label>
 </div>
</div>
<button onclick="chkRadios();">Check</button>

女性
男性
检查

JS

function chkRadios(){
  var radios = document.getElementsByName('options');

for (var i = 0, length = radios.length; i < length; i++) {
      if (radios[i].checked) {
          alert(radios[i].id);
          alert(radios[i].value);
          break;
      }
  }
};

函数chkRadios（）{
var radios=document.getElementsByName（'options'）；
对于（变量i=0，长度=radios.length；i

---

您应该做的第一件事是给出两个单选按钮的值：

<div class="col-xs-11 col-sm-11 col-md-11 col-lg-11">
    <div id="insert_data__radio_gender" class="btn-group" data-toggle="buttons">
        <label class="btn btn-primary">
            <input type="radio" value="female" name="options" id="insert_data__radio_gender_f" autocomplete="off">Female
        </label>
        <label class="btn btn-primary active">
            <input type="radio" value="male" name="options" id="insert_data__radio_gender_m" autocomplete="off">Male
        </label>
    </div>
</div>

或者在纯javascript中：

var inputs = document.getElementsByName('options');
var gender;
for (var i=0;i<inputs.length;i++){
    if (inputs[i].checked) {
        gender = inputs[i].value;
    }
}

document.querySelector('input[name="options"]:checked').value;

---

您应该做的第一件事是为两个单选按钮指定值：

<div class="col-xs-11 col-sm-11 col-md-11 col-lg-11">
    <div id="insert_data__radio_gender" class="btn-group" data-toggle="buttons">
        <label class="btn btn-primary">
            <input type="radio" value="female" name="options" id="insert_data__radio_gender_f" autocomplete="off">Female
        </label>
        <label class="btn btn-primary active">
            <input type="radio" value="male" name="options" id="insert_data__radio_gender_m" autocomplete="off">Male
        </label>
    </div>
</div>

或者在纯javascript中：

var inputs = document.getElementsByName('options');
var gender;
for (var i=0;i<inputs.length;i++){
    if (inputs[i].checked) {
        gender = inputs[i].value;
    }
}

document.querySelector('input[name="options"]:checked').value;

请尝试此（未经测试）代码，如果有效，请告诉我：

var semaphores = {};
var myCheckboxes = document.querySelectorAll("label.btn-primary");
for (var checkbox in myCheckboxes) {
    var myCheckbox = myCheckboxes[checkbox].querySelector("input");
    semaphores[checkbox] = true;
    myCheckboxes[checkbox].onclick = function() {
        if (!semaphores[checkbox]) {
            semaphores[checkbox] = true;
            return;
        }
        semaphores[checkbox] = false;
        myCheckbox.click();
        return false;
    };
    myCheckbox.onclick = function() {
        semaphores[checkbox] = false;
    };
}

请尝试此（未经测试）代码，如果有效，请告诉我：

var semaphores = {};
var myCheckboxes = document.querySelectorAll("label.btn-primary");
for (var checkbox in myCheckboxes) {
    var myCheckbox = myCheckboxes[checkbox].querySelector("input");
    semaphores[checkbox] = true;
    myCheckboxes[checkbox].onclick = function() {
        if (!semaphores[checkbox]) {
            semaphores[checkbox] = true;
            return;
        }
        semaphores[checkbox] = false;
        myCheckbox.click();
        return false;
    };
    myCheckbox.onclick = function() {
        semaphores[checkbox] = false;
    };
}

---

下面是使用JQuery的实时示例：

$（'.btn组输入'）。在（'change'，function（）上{
警报（$（'input[name=“options”]：checked'，'.btn group'）.val（）；
});

女性
男性
以下是使用JQuery的实时示例：


$（'.btn组输入'）。在（'change'，function（）上{
警报（$（'input[name=“options”]：checked'，'.btn group'）.val（）；
});

女性
男性

var idOfSelected=$（'input[type=radio][name=options]：checked'）.attr（'id'）；
如果（idOfSelected==“插入数据、无线电、性别、性别”）
警惕（“女性”）；
其他的
警惕（“男性”）；
如果不想设置值属性，也可以这样做

$("#insert_data__radio_gender").on("change",function(){
  var female=($("#insert_data__radio_gender_f").is("checked"));
  var male=($("#insert_data__radio_gender_m").is("checked"));
});

var idOfSelected=$（'input[type=radio][name=options]：checked'）.attr（'id'）；
如果（idOfSelected==“插入数据、无线电、性别、性别”）
警惕（“女性”）；
其他的
警惕（“男性”）；
如果不想设置值属性，也可以这样做

$("#insert_data__radio_gender").on("change",function(){
  var female=($("#insert_data__radio_gender_f").is("checked"));
  var male=($("#insert_data__radio_gender_m").is("checked"));
});

您可以使用
$（“#选择器_id”）.is（“已选中”）
检查输入是否已选中

您可以使用
$（“#选择器_id”）.is（“已选中”）
检查输入是否已选中
要读取的属性是什么？并且只有通过javascript，或者您也可以使用jquary？您想要读取什么属性？而且只能使用javascript，还是也可以使用jquary？