如何在文本框中获取值和标签

时间:2015-12-17 20:13:58

标签: javascript html5

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函数中使用了这个函数。

1 个答案:

答案 0 :(得分: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;
    }
}