多个radio点击只能选中一个(两个radio单选)

http://www.itjxue.com  2023-01-29 06:50  来源:未知  点击次数: 

如何用代码实现两个radiobutton里面只能选一个

用代码实现两个radiobutton里面只能选一个

两个RadioButton要写在同一个组RadioGroup下面这样就可以了...xml文件如下:

RadioGroup android:id="@+id/rg_sex" android:layout_width="fill_parent"

android:orientation="horizontal" android:layout_height="wrap_content"

RadioButton android:layout_width="wrap_content"

android:text="@string/person_man" android:id="@id/+rb_person_man"

android:layout_height="wrap_content" android:checked="true" /

RadioButton android:layout_width="wrap_content"

android:text="@string/person_woman" android:id="@id/+rb_person_woman"

android:layout_height="wrap_content" /

/RadioGroup

java代码如下:

private RadioGroup rg_sex ;

...

rg_sex = (RadioGroup)findViewById(R.id.rg_sex);

rg_sex.setOnCheckedChangeListener(new RadioGroup.OnCheckedChangeListener() {

@Override

public void onCheckedChanged(RadioGroup group, int checkedId) {

switch (checkedId) {

case R.id.rb_person_man:

System.out.println("男");

break;

case R.id.rb_person_woman:

System.out.println("女");

break ;

default:

break;

}

}

});

jsp中男女选择,选中一个就不能选另外一个,怎么写的?radio单选

1、新建一个html文件,命名为test.html。

2、在test.html文件内,引入jquery.min.js库文件,成功加载该文件,才能使用jquery中的方法。

3、在test.html文件内,在p标签内,使用input标签创建两个radio选项,分别是男,女两个选项。

4、在test.html文件内,使用button标签创建一个按钮,按钮名称为“获取选中的值”。

5、在test.html文件中,给button按钮绑定onclick点击事件,当按钮被点击时,执行getradio()函数。

6、在js标签中,创建getradio()函数,在函数内,通过input元素的“:checked”选择器获得已选中的radio对象,使用val()方法获得radio的值。最后,使用alert()方法将值输出。

C# 如何让多个RadioButton只能选择一个

同一组radiobutton放在一个容器里。比如把它们都放到GroupBox里。这样即可单选。

html 如何在不同name的两组radio中只能选择一组radio中的一个,javascript应该如何写

html如下:

div?class="form"

????input?type="radio"?name="a"?checkeda?

????input?type="radio"?name="a"b

????input?type="radio"?name="b"c

????input?type="radio"?name="b"d

/div

checked是为了测试,你可以去掉!

jQuery如下:

$(document).ready(function(){

????$(".form"?).find("input"?).click(function(){

????????$(this?).siblings().removeAttr("checked");

????});

});

原理如下:

其实点击单选按钮,就是给当前被点击按钮加入了:checked属性,所以利用jQuery移除其它没被点击input的checked属性就行了

attr:添加属性

removeAttr:移除属性

微信小程序里怎么控制两个只能选择一个的?

方法/步骤

打开微信小程序开发工具,打开已新建的或新建一个项目

请点击输入图片描述

新建一个页面文件wxml,插入一个radio-group,然后内嵌四个radio

请点击输入图片描述

保存代码并查看左侧模拟器,可以查看到一组单选按钮

请点击输入图片描述

在对应页面的JS文件中,定义单选按钮组change事件changeJa

请点击输入图片描述

保存代码并打开内置浏览器控制台,点击单选按钮,查看打印结果

请点击输入图片描述

下载WeUI文件,然后将相关的样式文件拷贝进去,然后修改界面并调用样式类

请点击输入图片描述

再次保存代码并查看左侧模拟器,可以看到单选按钮样式变成了按钮的样式

请点击输入图片描述

怎么让3个radiobutton只能选中一个

代码中你的3个radiobutton分别属于3个不同的form 当然就不能联合运用了。

去掉下面两个form就可以实现单选了。

form id="form4" name="form4" method="post" action=""

table width="289" height="37"

tr

td nowrap="nowrap"

label

input type="radio" name="radiobutton" value="radiobutton" /

/label

img src="/images/image/chs.png" width="30" height="25" /

/td

td nowrap="nowrap"

label

input type="radio" name="radiobutton" value="radiobutton" /

/label

img src="/images/image/cht.png" width="30" height="25" /

/td

td nowrap="nowrap"

label

input type="radio" name="radiobutton" value="radiobutton" /

/label

img src="/images/image/english.png" width="30" height="25" /

/td

/tr

/table

/form

(责任编辑:IT教学网)

更多

推荐Javascript/Ajax文章