In the following script, I cannot figure out how to access the TEXT information
of the radio buttons displayed. All other coded functions perform as expected.
Can someone show me the error my my ways since I’m not receiving any from the browser? ?
[code]
<html>
<head>
<title>Options Text</title>
<script type=”text/javascript”>
function SboxVOptions(IDS) {
var tarr = [];
var sel = document.getElementById(IDS);
for (var i=0; i<sel.options.length; i++) { tarr.push(sel.options[i].value); }
alert(tarr.join(‘n’));
}
function SboxTOptions(IDS) {
var tarr = [];
var sel = document.getElementById(IDS);
for (var i=0; i<sel.options.length; i++) { tarr.push(sel.options[i].text); }
alert(tarr.join(‘n’));
}
function RBtnVOptions(GrpName) {
var tarr = [];
var sel = document.getElementsByName(GrpName);
for (var i=0; i<sel.length; i++) { tarr.push(sel[i].value); }
alert(tarr.join(‘n’));
}
function RBtnTOptions(GrpName) { // this function nor alert not working correctly ???
var tarr = [];
var sel = document.getElementsByName(GrpName); // alert(sel.join(‘n’));
for (var i=0; i<sel.length; i++) { tarr.push(sel[i].text); }
alert(tarr.join(‘n’));
}
</script>
</head>
<body>
<form name=”myForm” action=”” onsubmit=”return false”>
<select id=”sboxInfo” onchange=”alert(this.value)”>
<option value=”0″> zero </option>
<option value=”1″> one </option>
<option value=”2″> two </option>
<option value=”3″> three </option>
<option value=”4″> four </option>
<option value=”5″> five</option>
<option value=”6″> six</option>
<option value=”7″> seven</option>
</select>
<button onclick=”SboxVOptions(‘sboxInfo’)”>SBox Option Values </button>
<button onclick=”SboxTOptions(‘sboxInfo’)”>SBox Option Text </button>
<br><h3>Above works fine</h3>
<p>
<h3>RBtn Option Text below needs work ???</h3>
<input type=”radio” name=”rBtn” value=”000″ onclick=”alert(this.value)”> ZERO </input>
<input type=”radio” name=”rBtn” value=”001″ onclick=”alert(this.value)”> ONE </input>
<input type=”radio” name=”rBtn” value=”010″ onclick=”alert(this.value)”> TWO </input>
<input type=”radio” name=”rBtn” value=”011″ onclick=”alert(this.value)”> THREE </input>
<input type=”radio” name=”rBtn” value=”100″ onclick=”alert(this.value)”> FOUR </input>
<input type=”radio” name=”rBtn” value=”101″ onclick=”alert(this.value)”> FIVE </input>
<input type=”radio” name=”rBtn” value=”110″ onclick=”alert(this.value)”> SIX </input>
<input type=”radio” name=”rBtn” value=”111″ onclick=”alert(this.value)”> SEVEN </input>
<br>
<button onclick=”RBtnVOptions(‘rBtn’)”>RBtn Option Values </button>
<button onclick=”RBtnTOptions(‘rBtn’)”>RBtn Option Text </button>
</form>
</body>
</html>