Question

我需要获取item的值，该值由用户选择。请建议。

Codepen link: https://codepen.io/udyux/pen/KzJQea?editors=1111

Answer 1

您可以使用单选按钮组的名称和封闭表单的ID从DOM中获取已选中（“已选中”）单选按钮的值：

let radioValue =
   Array.from( document.getElementById( formId)
  .elements
  .namedItem( radioName))
  .find( element=> element.checked)
 .value;

或者（或者如果无线电输入不在表格中）运行文档查询以查找已检查的无线电输入：

function getRadioValue( radioName) {
"use strict";
    let radioValue;
    let radioInput = document.querySelector(`input[name="${radioName}"]:checked`);
    if( radioInput) {
        radioValue = radioInput.value;
    }
    return radioValue;
}

<div onchange='console.log(getRadioValue("radios"))'>
<input type="radio" name="radios" value = "1">
<input type="radio" name="radios" value = "2">
<input type="radio" name="radios" value = "3">
</div>

对于HTMLSelectElement，使用对象的selectedIndex属性来查找从中获取值的选定选项元素。

Answer 2

这将帮助您入门

我在正文文档的顶部添加了一个div

$(document).ready(function() {
  $(":radio[id='awesomeness-ridiculous']").change(function() {
        $("#display").html(this.id);
  });
  $(":radio[id='awesomeness-reasonable']").change(function() {
        $("#display").html(this.id);
  });
    $(":radio[id='awesomeness-lacking']").change(function() {
        $("#display").html(this.id);
  });
  $(":radio[id='awesomeness-awesomeless']").change(function() {
        $("#display").html(this.id);
  });
});

以下代码更新显示（'hello World'）的相关值。

this.id

jenkins ---global-defaults.yaml ---global-macros.yaml ---global-templates.yaml ---projectfolderA | ---projectA.yaml是获取所选项目值的代码。

你的问题有点模糊，所以这应该足以让你开始。希望它有所帮助。

Codepen供参考：https://codepen.io/viewtifulmoejoe/pen/mXBByp?editors=1011

读取所选项目的值

2 个答案: