无法在javascript中获取div上的单选按钮值
我无法获取所选单选按钮值。基本上,我在Html页面中遇到了一个问题,我想打印选中的单选按钮值。 我想在同一页的特定分区中获取值。下面是我的代码。 提前谢谢无法在javascript中获取div上的单选按钮值,javascript,html,checkbox,radio-button,Javascript,Html,Checkbox,Radio Button,我无法获取所选单选按钮值。基本上,我在Html页面中遇到了一个问题,我想打印选中的单选按钮值。 我想在同一页的特定分区中获取值。下面是我的代码。 提前谢谢 <!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <title>Test</title> <script type="text/JavaScript"> f
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<title>Test</title>
<script type="text/JavaScript">
function myFunction()
{
var input = (document.getElementById('shirt').checked)|| (document.getElementById('trouser').checked) || (document.getElementById('tshirt').checked)|| (document.getElementById('suit').checked);
var div = document.getElementById('divID');
div.innerHTML = div.innerHTML + input.value;
}
</script>
</head>
<body>
<form action="#" method="post" id="demoForm">
<div class="controls option block-1">
<div class="col-sm-3 col-md-3 prod-left-text">
<h3> Garments Type</h3>
<p class="subtitle">Please choose your garments.</p>
</div>
<div class="col-sm-9 col-md-9">
<div class="col-md-3 col-sm-6 col-xs-12 option-value form-group">
<label class="rad">
<input type="radio" name="garments" value="shirt" id="shirt" onkeypress="myFunction()" >
<div><p class="producth6">Shirt<br /><span class="producth7">Rs. 400/-</span><br /><span class="producth8">onwords</span></p>
</div>
</label>
</div>
<div class="col-md-3 col-sm-6 col-xs-12 option-value form-group" >
<label class="rad">
<input type="radio" name="garments" value="trouser" id="trouser" onkeypress="myFunction()">
<div><p class="producth6">Trouser<br /><span class="producth7">Rs. 400/-</span><br /><span class="producth8">onwords</span></p></div>
</label>
</div>
<div class="col-md-3 col-sm-6 col-xs-12 option-value form-group">
<label class="rad">
<input type="radio" name="garments" value="Tshirt" id="tshirt" onkeypress="myFunction()">
<div><p class="producth6">T-shirt<br /><span class="producth7">Rs. 500/-</span><br /><span class="producth8">onwords</span></p>
</div>
</label>
</div>
<div class="col-md-3 col-sm-6 col-xs-12 option-value form-group">
<label class="rad">
<input type="radio" name="garments" value="suit" id="suit" onkeypress="myFunction()">
<div><p class="producth6">Salwar-Suit<br /><span class="producth7">Rs. 675/-</span><br /><span class="producth8">onwords</span></p>
</div>
</label>
</div>
<div class="clearfix"></div>
<div style="height:80px;">
<center>
<div class="col-xs-12 col-sm-12 col-md-12 col-lg-10" style="float: none;display: inline-block;">
</div>
</center>
</div>
<p><button type="button" value="submit">Get Value of Selected</button></p>
<!-- Div where i want to put the selected radio valur -->
<div id="divID"></div>
</div>
</form>
</body>
</html>
试验
函数myFunction()
{
变量输入=(document.getElementById('shirt').checked)| |(document.getElementById('sloaser').checked)| |(document.getElementById('tshirt').checked)|(document.getElementById('suit').checked);
var div=document.getElementById('divID');
div.innerHTML=div.innerHTML+input.value;
}
服装类型
请选择您的服装
衬衫
裤子
T恤衫
萨尔瓦套装
获取选定对象的值
要获取所选单选按钮值,可以使用jQuery:
$('[name=contracts]:选中“).val()
您可以将querySelector用于javascript-
<script type="text/JavaScript">
function myFunction()
{
var input = document.querySelector('input[name="garments"]:checked').value;
var div = document.getElementById('divID');
div.innerHTML = div.innerHTML + input+"<br>";
}
</script>
函数myFunction()
{
var input=document.querySelector('input[name=“contacts”]:checked')。值;
var div=document.getElementById('divID');
div.innerHTML=div.innerHTML+input+“
”;
}
输入您试图获取的
,返回true或false。你应该得到实际的元素检查这把小提琴,记得在“onchange”事件中使用myFunction,感谢它工作正常,但有点混乱。如果用户选择西服并改变主意并选择t恤,则您的代码将显示这两个值。它不应该是,我想通过submit按钮获得值,您应该在submit按钮上使用该功能-检查这里@nadygold您明白您的意思了吗??如果是,请选择正确答案。谢谢