Javascript jQuery如何从单选按钮获取div元素值并将值分配给特定的div
在这里,我需要获得选中的单选按钮值123456789,并将其分配给valueee div元素?我使用document.getElementsById,但无法获取所需的内容。 任何帮助都将不胜感激 单选按钮选择 $document.readyfunction{ $radio\u submit.clickfunction{ var checked_option_radio=document.getelementsbynamedef.value; 如果选中\u选项\u收音机===未定义{ 警告“请选择选项!”; }否则{ 警惕别人; $'valueee'.htmlchecked\u选项\u收音机; } }; }; 选择选项: 123 CSS 456 html 678 jquery 675 JS 显示选定的收音机Javascript jQuery如何从单选按钮获取div元素值并将值分配给特定的div,javascript,jquery,html,Javascript,Jquery,Html,在这里,我需要获得选中的单选按钮值123456789,并将其分配给valueee div元素?我使用document.getElementsById,但无法获取所需的内容。 任何帮助都将不胜感激 单选按钮选择 $document.readyfunction{ $radio\u submit.clickfunction{ var checked_option_radio=document.getelementsbynamedef.value; 如果选中\u选项\u收音机===未定义{ 警告“请选
因为您已经实现了jquery库,所以请使用
$('#divid').val(somevalue);
jQuery
完整代码
$document.readyfunction{
$radio_submit.click函数e{
var checked_option_radio=$input[name=user_options]:checked.val;
如果选中\u选项\u收音机===未定义{
警告“请选择选项!”;
}否则{
警惕别人;
$'valueee'.htmlchecked\u选项\u收音机;
}
};
};
选择选项:
123
CSS
456
html
678
jquery
675
JS
显示选定的收音机
将name=deff重命名为class=deff
$("#radio_submit").click(function (e) {
var checked_option_radio = $(this).closest('form').find('div').hasClass('selected');
if(checked_option_radio) {
var hello = $('.selected').next('.deff').text();
$('#valueee').html(hello);
} else {
alert('nothing selected');
var hello2 = "no radio button is selected"
$('#valueee').html(hello2);
}
});
$('input').on('click',function(){
if (!$("input").is(':checked')) {
$(this).parent().addClass('selected').siblings().removeClass('selected');
}
else {
$(this).parent().addClass('selected').siblings().removeClass('selected');
}
});
<form id="myform">
<div>Choose option:</div>
<div>
<input type="radio" name="user_options" />
</div>
<div class="deff" id="val1">123</div>
<span>CSS</span>
<br></br>
<div>
<input type="radio" name="user_options" />
</div>
<div class="deff" id="val2">456</div>
<span>html</span>
<br></br>
<div>
<input type="radio" name="user_options" />
</div>
<div class="deff" id="val3">678</div>
<span>jquery</span>
<br></br>
<div>
<input type="radio" name="user_options" />
</div>
<div class="deff" id="val4">675</div>
<span>JS</span>
<br></br>
<div><button id="radio_submit" type="button">Show Selected Radio</button></div>
</form>
<div id="valueee"></div>
我在警报中未定义..如何设置该值?var stringvalue=asdasdasd;$'divid'.valstringvalue;其中divid是div标记中的ID=对不起!实际上,您已经在单选按钮字段中手动设置了值。但是,我的要求是在div name=deff中,所有值都是从后端获取的。我需要对此进行验证据我所知,您在选择的基础上为输入添加seprate div选定的输入div下一个div值,您想得到,对吗?绝对正确。单选按钮、措辞和具体值的单独div根据您的要求,我在回答的底部添加了JSFIDLE链接。您可以查看。不客气,但我建议您不要使用单独的分区。谢谢您的工作!你能调查一下吗?如果我使用文本框,我如何像div一样获得keyup值
I am adding a class for selected radio button parent div,based on the class I am getting the next div text and printing in the desired place using Jquery.
$("#radio_submit").click(function (e) {
var checked_option_radio = $(this).closest('form').find('div').hasClass('selected');
if(checked_option_radio) {
var hello = $('.selected').next('.deff').text();
$('#valueee').html(hello);
} else {
alert('nothing selected');
var hello2 = "no radio button is selected"
$('#valueee').html(hello2);
}
});
$('input').on('click',function(){
if (!$("input").is(':checked')) {
$(this).parent().addClass('selected').siblings().removeClass('selected');
}
else {
$(this).parent().addClass('selected').siblings().removeClass('selected');
}
});
<form id="myform">
<div>Choose option:</div>
<div>
<input type="radio" name="user_options" />
</div>
<div class="deff" id="val1">123</div>
<span>CSS</span>
<br></br>
<div>
<input type="radio" name="user_options" />
</div>
<div class="deff" id="val2">456</div>
<span>html</span>
<br></br>
<div>
<input type="radio" name="user_options" />
</div>
<div class="deff" id="val3">678</div>
<span>jquery</span>
<br></br>
<div>
<input type="radio" name="user_options" />
</div>
<div class="deff" id="val4">675</div>
<span>JS</span>
<br></br>
<div><button id="radio_submit" type="button">Show Selected Radio</button></div>
</form>
<div id="valueee"></div>
var check_div = $('.selected').next().is('div');
var check_input = $('.selected').next().is('input');
var div_value = $('.selected').next('.deff').text();
var input_value = $('.selected').next('input').val();
if(check_div){
$('#valueee').html(div_value);
}
if(check_input){
$('#valueee').html(input_value);
}