每个radio的name都是不相同的,怎么用js或者jquery获取选中的每个radio值,然后拼成id串传到前台。

每个radio的name都是不相同的,怎么用js或者jquery获取选中的每个radio值,然后拼成id串传到前台。,第1张

整体思路:首先利用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的状态等相关内容解答,如果想了解更多相关内容,可以关注我们,你们的支持是我们更新的动力!

欢迎分享,转载请注明来源:内存溢出

原文地址: http://outofmemory.cn/web/9595215.html

(0)
打赏 微信扫一扫 微信扫一扫 支付宝扫一扫 支付宝扫一扫
上一篇 2023-04-30
下一篇 2023-04-30

发表评论

登录后才能评论

评论列表(0条)

保存