javascript - 如何获取文本框中的值和标签

Question

function radioVal(){
    //var radVal = document.mainForm.rads.value;
 var radVal = document.getElementsByName("rads").value;
    result.innerHTML = 'You selected: '+radVal;
}

<div class="pres">
  <input type="radio" id="radio01" name="rads" value="10" checked />
  <label for="radio01" class="dis"><span>1 time service</span></label>
</div>

<div class="pres">
  <input type="radio" id="radio02" name="rads" value="20" />
  <label for="radio02" class="dis"><span>Every week</span></label>
</div>

<div class="pres">
  <input type="radio" id="radio03" name="rads" value="15" />
  <label for="radio03" class="dis"><span>Every 2 weeks </span></label>
</div>

<div class="pres">
  <input type="radio" id="radio04" name="rads" value="10" />
  <label for="radio04" class="dis"><span>Every 4 weeks</span></label>
</div>

<input type="text" value="" id="result" name="perce" />
<input type="text" value="" id="txtservV" name="servicename" />
<input type="text" value="" id="final_pay" name="final_pay" />

您好，我正在使用此函数来获取文本字段名称perce中选定单选按钮的值及其在字段名称servicename中的值，任何人都可以帮助我来解决它。我在 doucument.ready 函数中使用这个函数。

Answer 1

使用Document.getElementsByName返回元素数组(或更好的集合，类似数组的对象)的函数，以便您可以通过索引访问输入的值(在您的情况下为 0):

var perceVal = document.getElementsByName("perce")[0].value

如果是单选按钮，您必须遍历元素并找到被选中的元素:

var rads = document.getElementsByName("rads");
var radsValue;
for (var i = 0; i < rads.length; i++) {
    if (rads[i].checked) {
        radsValue = rads[i].value // here is checked radio
        break;
    }
}