我到处寻找并试图从一组单选按钮中获取所选值.
这是我的HTML:
<div id="rates">
<input type="radio" id="r1" name="rate" value="Fixed Rate"> Fixed Rate
<input type="radio" id="r2" name="rate" value="Variable Rate"> Variable Rate
<input type="radio" id="r3" name="rate" value="Multi Rate" checked="checked"> Multi Rate
</div>
这是我的.js:
var rates = document.getElementById('rates').value;
var rate_value;
if(rates =='Fixed Rate'){
rate_value = document.getElementById('r1').value;
}else if(rates =='Variable Rate'){
rate_value = document.getElementById('r2').value;
}else if(rates =='Multi Rate'){
rate_value = document.getElementById('r3').value;
}
document.getElementById('results').innerHTML = rate_value;
我一直都没有定义.
我正在使用此代码获取当前所选单选按钮的值,但它不起作用.
var mailcopy = document.getElementById('mailCopy').value;
如何使用Javascript获取当前选中的单选按钮值？
嗨,这是下面的代码,我尝试了很多东西,但我无法获得所选单选按钮的价值.你可以看到我需要为不同的情况获得该值.
<div style="display: inline-block">
<div>
<a href="/Login/LogOut">Log Out</a><span> Welcome </span>YS User 1 noName </div>
<br />
<br />
<br />
<br />
<input type="button" onclick="submitCreate();" value="New Survey" /><br />
<input type="button" onclick="submitEdit();" value="Edit Survey" /><br />
<input type="button" onclick="submitDelete();" value="Delete Survey" /><br />
<input type="button" onclick="submitPreview();" value="Preview Survey" />
</div>
<div style="display: inline-block">
<div>
<table class="MyTable"><thead><tr class="columnHead"><th scope="col"></th><th scope="col"><a href="/User/Index?sort=UserID&sortdir=ASC">CreatedBy</a></th><th scope="col"><a href="/User/Index?sort=CreatedDate&sortdir=ASC">Created Date</a></th><th scope="col"><a href="/User/Index?sort=IsRunning&sortdir=ASC">Is Running</a></th></tr></thead><tbody><tr><td> <input name="selected" id="1"
type="radio" value="1" /></td><td>1</td><td>12/12/2011 3:43:57 PM</td><td>False</td></tr><tr class="altRow"><td> <input name="selected" id="2"
type="radio" value="2" …我有以下脚本：
<script type= 'text/javascript'>
function displayPlayer() {
var input = document.getElementById("player_stuff").elements;
var position = input[0];
var player_id = input[1];
document.getElementById('disp_player').innerHTML = position + player_id
}
</script>
以及一个简单的 HTML 表单：
<form id = 'player_stuff' onsubmit = 'displayPlayer()'>
Player's Position:<br>
<input type="radio" name="position" value="p1" checked>Position One
<input type="radio" name="position" value="p2" checked>Position Two
<input type="radio" name="position" value="p3" checked>Position Three
<input type="radio" name="position" value="p4" checked>Positin Four
<br/>
Add by Player ID:<br>
<input type='text' name='player_id'>
<input type="submit" value="Submit Player" id='smit' >
</form>
<div id = …我已经使用 JavaScript 从数据列表模板中捕获了 3 个值，现在我需要将这些值附加到现有的锚点中，即：
<a id="link" href='nextpage.aspx?id=<%#Eval("PlateId")%>&pp= #Eval("price")%>'>
我找到了从 JavaScript 获取锚点 href 的方法：
<script language='javascript' type="text/javascript" >
function addLink() {
var anchor = document.getElementById("link");
anchor.href = anchor + "&qty=";}
</script>
但是，我无法在 之后添加 js 值 "&qty="，我尝试添加这样的值：
anchor.href = anchor +"&qty=+Value+"
有了这个：
anchor.href = anchor +"&qty='Value' "
我不能把它放在引号之外，因为它不会显示在锚点中。
问题:我无法在文本框中获取radiobutton或值的值.
通过反复试验,我发现以下内容让我可以访问div gender1中的信息
我无法弄清楚如何获得性别或年龄的价值.我尝试使用id属性等附加.value/.value(),我还尝试了堆栈溢出相关问题的各种方法(使用Javascript获取单选按钮值),但收效甚微.
var checkedRadio = document.querySelectorAll('.w3-container')[0]
.querySelectorAll('#box')[0]
.querySelector('#gender1');
console.log( checkedRadio );<body>
<div class="w3-container">
<div id="box" style="width:600px;height:650px;padding:10px;border:2px solid black;">
<h5><b>Age (years):</b></h5>
<div id="age">
<input type="number" name="age1">
<br>
</div>
<div id="gender1">
<h5><b>Male or Female?</b>:
<input type="radio" id="r1" name="gender" value="Male"> Male
<input type="radio" id="r2" name="gender" value="Female"> Female
</h5>
</div>
</div>
</div>
</body>