整体思路:首先利用JQ分别获取不同name值的radio的选中的值,然后将获取到的值都统一赋给前台某个标签即可。
①:在html文件中,创建radio控件及文本标签;如
<input type="radio" name="radio1" value="1" />
<input type="radio" name="radio1" value="2" />
<br/>
<input type="radio" name="radio2" value="a" />
<input type="radio" name="radio2" value="b" />
<br/>
<input type="text" id="textBox" />
<input type="button" value="确定" class="btn" />
注意,name值一样才能实现radio单选;
②:在Javascript代码中,获取radio选中的值;
var radioVal01 = $("input[name='radio1']:checked")val();
var radioVal02 = $("input[name='radio2']:checked")val();
③:将获取到的值赋给text文本标签
$("btn")click(function(){
var radioVal01 = $("input[name='radio1']:checked")val();
var radioVal02 = $("input[name='radio2']:checked")val();
$("#textBox")val(radioVal01 + "," + radioVal02); //拼接两个选中的值,以逗号隔开
});
你的$("input[name=jizai]")这个选择器会获得两个radio对象,都设置选中,只能最后一个是被选中的,因为是单选。
如果你要这么写,可以指定索引,
如:$("input[name=jizai]:eq(0)")attr("checked",'checked'); 这样就是第一个选中咯。
jquery中,radio的选中与否是这么设置的。
$("#rdo1")attr("checked","checked");
$("#rdo1")removeAttr("checked");
<!DOCTYPE html>
<html>
<head>
<meta charset="UTF-8" />
<title>JS怎样 *** 作改变radio的状态</title>
<script>
var radio = function(name){
thisname = ''; //单选框名字
thismembers = []; //单选框的成员
thisinit = function(name){ //初始化
var newMembers = []; //新的成员
thisname = name;
thismembers = documentbodygetElementsByTagName('input');
for(var i = 0; i < thismemberslength; i++){
if( thismembers[i]name == thisname ){
newMemberspush( thismembers[i] );
}
}
thismembers = newMembers; //覆盖
}
thisselect = function(index){ //看这个函数就行,其他的请无视
for(var i = 0; i < thismemberslength; i++){
if( i == index ){
thismembers[i]checked = true;
}else{
thismembers[i]checked = false;
}
}
}
thisinit(name);
}
windowonload = function(){
windowsex = new radio('sex');
}
</script>
</head>
<body>
<div class="main">
<span>请选择你的性别:</span>
<input type="radio" name="sex" value="男" ><span>男</span>
<input type="radio" name="sex" value="女" ><span>女</span>
<hr />
<button onclick="sexselect(0)">选择男</button>
<button onclick="sexselect(1)">选择女</button>
<button onclick="sexselect(-1)">都不选</button>
</div>
</body>
</html>
只要控制radio元素checked属性即可
这里写了个案例(写完才发现,忘了检查类型了,不过不影响这题的回答)
附图:
用按钮的Checked属性是否为true判断是否选中状态。
C#窗体控件-单选按钮控件RadioButton
单选控件(RadioButton)显示为一个标签,左边是一个原点,该原点可以是选中或未选中。在要给用户提供几个互斥选项时,就可以使用单选按钮。例如,询问用户的性别。
把单选按钮组合在一起,给它们创建一个逻辑单元,此时必须使用GroupBox控件或其他容器。首先在窗体上拖放一个组框,再把需要的RadioButton按钮放在组框的边界之内,RadioButton按钮会自动改变自己的状态,以反映组框中惟一被选中的选项。如果不把它们放在组框中,则在任意时刻,窗体上只有一个RadioButton被选中。
单选按钮控件的主要属性:
Checked:指示单选按钮是否已选中。
Text:单选按钮显示的文本。
AutoCheck:单选按钮在选中时自动改变状态,默认为true。
单选按钮控件的主要事件:
Click:单击控件时发生。
CheckedChanged:当Checked属性值更改时触发。
RadioButton控件的属性
名 称
描 述
Appearance
RadioButton可以显示为一个圆形选中标签,
放在左边、中间或右边,或者显示为标准按钮。
当它显示为按钮时,控件被选中时显示为按
下状态,否则显示为d起状态
AutoCheck
如果这个属性为true,用户单击单选按钮时,
会显示一个选中标记。如果该属性为false,
就必须在Click事件处理程序的代码中手工
检查单选按钮
CheckAlign
使用这个属性,可以改变单选按钮的复选框
的对齐形式,默认是ContentAlignment MiddleLeft
Checked
表示控件的状态。如果控件有一个选中标记,
它就是true,否则为false
RadioButton控件的事件
名 称
描 述
CheckChanged
当RadioButton的选中选项发生改变时,
引发这个事件
Click
每次单击RadioButton 时,都会引发该事件。
这与CheckChanged事件是不同的,因为连续
单击RadioButton 两次或多次只改变Checked
属性一次,且只改变以前未选中的控件的
Checked属性。而且,如果被单击按钮的
AutoCheck属性是false,则该按钮根本不
会被选中,只引发Click事件
1、常用属性:
(1)Checked属性:用来设置或返回单选按钮是否被选中,选中时值为true,没有选中时值为false。
(2)AutoCheck 属性:如果 AutoCheck 属性被设置为 true(默认),那么当选择该单选按钮时,将自动清除该组中所有其他单选按钮。对一般用户来说,不需改变该属性,采用默认值(true)即可。
(3)Appearance 属性:用来获取或设置单选按钮控件的外观。当其取值为 AppearanceButton 时,将使单选按钮的外观像命令按钮一样:当选定它时,它看似已被按下。当取值为 AppearanceNormal 时,就是默
认的单选按钮的外观。
(4)Text属性:用来设置或返回单选按钮控件内显示的文本,该属性也可以包含访问键,即前面带有“&”符号的字母,这样用户就可以通过同时按Alt键和访问键来选中控件。
2、常用事件:
(1)Click事件:当单击单选按钮时,将把单选按钮的Checked属性值设置为true,同时发生Click事件。
(2)CheckedChanged事件:当Checked属性值更改时,将触发CheckedChanged事件
出处:博客园@流星落--《C#窗体控件-单选按钮控件RadioButton》
所有radiobutton设置groupname属性,groupname值要相同,设置组可以实现你说的n选1 的情况这是空间自带的属性,至于判断是否被选中,你可以一个一个去判断,也可以在遍历判断,选中radiobutton状态checked=true
以上就是关于每个radio的name都是不相同的,怎么用js或者jquery获取选中的每个radio值,然后拼成id串传到前台。全部的内容,包括:每个radio的name都是不相同的,怎么用js或者jquery获取选中的每个radio值,然后拼成id串传到前台。、jquery中怎么设置一个radio为选中状态、JS怎样 *** 作改变radio的状态等相关内容解答,如果想了解更多相关内容,可以关注我们,你们的支持是我们更新的动力!
欢迎分享,转载请注明来源:内存溢出
评论列表(0条)