如何在Javascript中获取HTML控件的值字段？

Question

如何在Javascript中获取HTML控件的值字段？

我没有选择ID，而是尝试获取4875的值。

<input data-val="true" data-val-required="Required" id="ChangesInTreatYes" name="ChangesInTreat" type="radio" value="4875" />   Yes

<input id="ChangesInTreatNo" name="ChangesInTreat" type="radio" value="4876" />   No




if ($("input:radio[name='ChangesInTreat']:checked").length > 0) {
        var isChecked1 = document.getElementById("ChangesInTreatYes").checked;
alert(isChecked1);
}

Answer 1

jQuery非常简单-对于几乎所有表单元素，.val（）都会返回元素的值。

 let toggleEl = $("input[name='ChangesInTreat']") toggleEl.on("change", function(){ console.log($(this).val() ); }) 

 <script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script> <input data-val="true" data-val-required="Required" id="ChangesInTreatYes" name="ChangesInTreat" type="radio" value="4875" /> Yes <input id="ChangesInTreatNo" name="ChangesInTreat" type="radio" value="4876" /> No 

用普通的旧javascript做同样的事情：

 let toggleEl = document.querySelectorAll("input[name='ChangesInTreat']") // Go over each radio button, and add an event handler toggleEl.forEach(function(element){ element.addEventListener("change", function(){ console.log(this.value) }) }) 

  <input data-val="true" data-val-required="Required" id="ChangesInTreatYes" name="ChangesInTreat" type="radio" value="4875" /> Yes <input id="ChangesInTreatNo" name="ChangesInTreat" type="radio" value="4876" /> No 

Answer 2

仅供参考，您正在混合使用jQuery和javascript。 建议选择一种类型并坚持使用。

通过name获取使用javascript的radio价值：

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

通过name获取使用jQuery的radio价值：

var isChecked1 = $("input[name='ChangesInTreat']:checked").val();