如何从未定义更改单选按钮的值

时间:2019-07-13 02:48:53

标签: javascript html

我的问题是我试图显示在表单下方的表单中输入的内容,由于某种原因,我的单选按钮返回为undefined。

我尝试在单选按钮本身中添加一个id,但结果并不理想。它只是说单选按钮列表中的第一个。 我正在使用的代码:

function myFunction(){
  document.getElementById("HideOrShow").innerHTML = " SID: " + document.getElementById('sid').value + "<br>"
    + "First Name: " + document.getElementById('fname').value + "<br>"
    + "Last Name: " + document.getElementById('lname').value + "<br>"
    + "Major: " + document.getElementById('Major').value + "<br>"
    + "Advisor: " + document.getElementById('advisor').value + "<br>"
    + "New Student?: " + document.getElementById('checkbox').value + "<br>"
    + "Enrollment Date: " + document.getElementById('date').value;
}
<fieldset>
    <legend id="advisor">Advisor </legend>
    <input type="radio" name="Advisor" value="Chris_McCarthy">Chris McCarthy<br>
    <input type="radio" name="Advisor" value="Karen_Smith">Karen Smith<br>
</fieldset>

我需要它来显示所选顾问的姓名

2 个答案:

答案 0 :(得分:1)

您可以按照以下代码获取单选按钮的值。

setFormula
function applyformula(){
  var sheet = SpreadsheetApp.getActive().getSheetByName('Sheet1');
  var lastRow = sheet.getLastRow();
  Logger.log("DEBUG: the last row is "+lastRow);
  var dataRange = sheet.getRange(1,2,lastRow-1,2);
  Logger.log("the data range = "+dataRange.getA1Notation());
  var variable = 1.1765;
  sheet.getRange(2,2,lastRow-1,1).setFormula("=A2*"+variable)
}

答案 1 :(得分:0)

如果您不使用jQuery,则可以通过使用getElementById()获取其DOM处理程序并获取“ checked”属性来找出选择了哪个单选按钮。

检查以下示例:

function myfunction() {
  var divResult = document.getElementById("result");
  var a1 = document.getElementById("a1");
  var a2 = document.getElementById("a2");
  if (a1.checked) {
    divResult.innerHTML = a1.value;
  } else {
    divResult.innerHTML = a2.value;
  }
}
<fieldset>
  <legend id="advisor">Advisor </legend>
  <input type="radio" id="a1" name="Advisor" value="Chris_McCarthy">Chris McCarthy
  <br>
  <input type="radio" id="a2" name="Advisor" value="Karen_Smith" checked>Karen Smith
  <br>
</fieldset>

<button  onclick="myfunction()">Clickme</button>
<div id="result"></div>

请注意,我还使用“ checked”属性设置了默认选项,否则,我将不得不处理“ if”-“ else if”-“ else”条件来处理未选择任何选项时的情况。 / p>