android radio(单选框) 两个单选框绑定

在程序中会用到监听事件,监听到一个单选框被点击后,另一个单选框也会被选上。当然,这两个点选框不是在一组中的。

同样,在MainActivity.java文件中:

package com.yx.radio;

import android.os.Bundle;
import android.app.Activity;
import android.view.Menu;
import android.widget.CompoundButton;
import android.widget.RadioButton;
import android.widget.RadioGroup;
import android.widget.RadioGroup.OnCheckedChangeListener;

public class MainActivity extends Activity {

 private RadioGroup radioGroup;
 private RadioButton femaleButton;
 private RadioButton maleButton;
 private RadioGroup radioGroup2;
 private RadioButton femaleButton2;
 private RadioButton maleButton2;
 @Override
 protected void onCreate(Bundle savedInstanceState) {
  super.onCreate(savedInstanceState);
  setContentView(R.layout.activity_main);
  radioGroup = (RadioGroup)findViewById(R.id.radioGroupId);
  femaleButton = (RadioButton)findViewById(R.id.femaleButtonId);
  maleButton = (RadioButton)findViewById(R.id.maleButtonId);
  
  radioGroup2 = (RadioGroup)findViewById(R.id.radioGroup2Id);
  femaleButton2 = (RadioButton)findViewById(R.id.femaleButton2Id);
  maleButton2 = (RadioButton)findViewById(R.id.maleButton2Id);
  RadioGroupListener rgl = new RadioGroupListener();
  radioGroup.setOnCheckedChangeListener(rgl);
  radioGroup2.setOnCheckedChangeListener(rgl);
 }
 
 class RadioGroupListener implements OnCheckedChangeListener{//设置监听,需要实现OnCheckedChangeListener接口(这个应该是内部类)
  @Override
  public void onCheckedChanged(RadioGroup arg0, int arg1) {
   if(arg1 == femaleButton.getId()){
    femaleButton2.setChecked(true);
   }
   else if(arg1 == maleButton.getId()){
    maleButton2.setChecked(true);
   }
   else if(arg1 == femaleButton2.getId()){
    femaleButton.setChecked(true);
   }
   else if(arg1 == maleButton2.getId()){
    maleButton.setChecked(true);
   }
  }
 }

 @Override
 public boolean onCreateOptionsMenu(Menu menu) {
  // Inflate the menu; this adds items to the action bar if it is present.
  getMenuInflater().inflate(R.menu.main, menu);
  return true;
 }

}

在activity_main.xml文件中:

<LinearLayout xmlns:android="http://schemas.android.com/apk/res/android"
    xmlns:tools="http://schemas.android.com/tools"
    android:layout_width="match_parent"
    android:layout_height="match_parent"
    android:paddingBottom="@dimen/activity_vertical_margin"
    android:paddingLeft="@dimen/activity_horizontal_margin"
    android:paddingRight="@dimen/activity_horizontal_margin"
    android:paddingTop="@dimen/activity_vertical_margin"
    android:orientation="vertical"
    tools:context=".MainActivity" >

    <RadioGroup
        android:id="@+id/radioGroupId"
        android:layout_width="wrap_content"
        android:layout_height="wrap_content"
        android:orientation="horizontal"
        >
        <RadioButton
            android:id="@+id/femaleButtonId"
            android:layout_width="wrap_content"
            android:layout_height="wrap_content"
            android:text="female"
            />
         <RadioButton
            android:id="@+id/maleButtonId"
            android:layout_width="wrap_content"
            android:layout_height="wrap_content"
            android:text="male"
            />
    </RadioGroup>
   
    <RadioGroup
        android:id="@+id/radioGroup2Id"
        android:layout_width="wrap_content"
        android:layout_height="wrap_content"
        android:orientation="horizontal"
        >
        <RadioButton
            android:id="@+id/femaleButton2Id"
            android:layout_width="wrap_content"
            android:layout_height="wrap_content"
            android:text="female2"
            />
         <RadioButton
            android:id="@+id/maleButton2Id"
            android:layout_width="wrap_content"
            android:layout_height="wrap_content"
            android:text="male2"
            />
    </RadioGroup>

</LinearLayout>

 

 

原生Radio单选框是一种HTML元素,用于在一组选项中选择一个选项。它们通常用于表单中,以便用户从多个选项中选择一个。在原生Radio单选框中,只能选择一个选项,当一个选项被选中时,其他选项将自动取消选中状态。\[1\] 在Vue.js中,可以使用`<input type="radio">`元素来创建原生Radio单选框。通过设置相同的`name`属性,将一组Radio单选框关联在一起,以确保只能选择一个选项。当选中一个选项时,可以通过JavaScript或Vue.js的数据绑定来获取选中的值或触发相应的事件。\[2\] 例如,可以使用Vue.js的`v-model`指令来绑定Radio单选框的值,并在选中状态发生变化时触发相应的事件。可以通过监听`change`事件来获取选中的值,并在Vue实例中更新相应的数据。\[2\] 在Vue.js中,可以使用`<el-radio>`组件来创建样式美观的Radio单选框。通过设置`v-model`指令来绑定选中的值,并使用`label`属性来设置每个选项的值。可以通过监听`change`事件来获取选中的值,并在Vue实例中更新相应的数据。\[2\] 需要注意的是,如果在`<el-radio>`标签中不填写任何内容,将不会显示任何文本。可以使用`<span>`标签或其他方式来显示选项的文本。\[3\] 总结起来,原生Radio单选框是一种HTML元素,用于在一组选项中选择一个选项。在Vue.js中,可以使用`v-model`指令来绑定选中的值,并通过监听`change`事件来获取选中的值或触发相应的事件。在使用`<el-radio>`组件时,可以设置`v-model`指令和`label`属性来实现相同的功能,并通过监听`change`事件来获取选中的值。 #### 引用[.reference_title] - *1* [radio单选框的选中与取消(超详细讲解!)](https://blog.csdn.net/Alone_in_/article/details/106970265)[target="_blank" data-report-click={"spm":"1018.2226.3001.9630","extra":{"utm_source":"vip_chatgpt_common_search_pc_result","utm_medium":"distribute.pc_search_result.none-task-cask-2~all~insert_cask~default-1-null.142^v91^control_2,239^v3^insert_chatgpt"}} ] [.reference_item] - *2* *3* [Element源码分析系列4-Radio(单选框)](https://blog.csdn.net/weixin_33724659/article/details/87945800)[target="_blank" data-report-click={"spm":"1018.2226.3001.9630","extra":{"utm_source":"vip_chatgpt_common_search_pc_result","utm_medium":"distribute.pc_search_result.none-task-cask-2~all~insert_cask~default-1-null.142^v91^control_2,239^v3^insert_chatgpt"}} ] [.reference_item] [ .reference_list ]
评论 1
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值