使用组件自带的属性

android:buttonTint

可直接设置选择框的颜色

 

修改选择框选中与未选中时的状态，需设置选择器 selector.XML

<?xml version="1.0" encoding="utf-8"?>
<selector xmlns:android="http://schemas.android.com/apk/res/android">
    <item android:drawable="@drawable/check_box_checked" android:state_checked="true"/>
    <item android:drawable="@drawable/check_box_checked" android:state_pressed="true"/>
    <item android:drawable="@drawable/check_box_no_checked" android:state_checked="false"/>
    <item android:drawable="@drawable/check_box_no_checked" android:state_pressed="false"/>
</selector>

然后在组件中引用 selector.XML 文件

<CheckBox
            android:layout_width="25dp"
            android:layout_height="25dp"
            android:background="@drawable/selector"
            android:button="@null"
            android:checked="true"/>

选择框的大小是可进行控制的

 

Note：在重新设置选择框的风格时，加入属性 android:button="@null" 

问题现象：

页面上有一选择框，在选择后点击查询按钮，查询成功；

点击新建按钮，跳转新建页面，然后点击返回主页面

再次点击选择框，默认之前选中项，点击其他无效

 

问题分析：

在重现问题后，多次点击选择框，发现都会有请求发送

寻找该请求来源，发现该请求是在新建页面才会有的请求

 

问题解决：

经过分析代码发现：

在主页面上的选择框与新建页面上的选择框由于是同一个属性，在渲染时错误使用了同一个lay-filter的值，导致无法知道渲染哪个选择框，主页面选择失败，更改其中一个值，重新操作，则问题已经解决

 

问题环境：

layui+vuejs

单选：inpu type=“radio”name=“xx” vlaue=“xx”  name属性必须一致 例如

文字和表单没关系给用户看的，但里面的value跟服务器有关

单选：label的for属性跟id挂钩


单选写外面



多选按钮（在外面还要写文字）



下拉选择框



如果没有value的话就会直接选择里面的内容比如终结者，select的vlue只取决于option的vlue

选择框、单选框和单选按钮都是选择组件，选择组件有两种状态，一种是选中(on)，另一种是未选中(off)，它们提供一种简单的 “on/off”选择功能，让用户在一组选择项目中作选择。

选择框

选择框(JCheckBox)的选中与否开状是一个小方框，被选中则在框中打勾。当在一个容器中有多个选择框，同时可以有多个选择框被选中，这样的选择框也称复选框。与选择框相关的接口是ItemListener，事件类是ItemEvent。

JCheckBox类常用的构造方法有以下3个：

JCheckBox()：用空标题构造选择框。
	
JCheckBox(String s)：用给定的标题s构造选择框。
	
JCheckBox(String s, boolean b)：用给定的标题s构造选择框，参数b设置选中与否的初始状态。

JCheckBox类的其他常用方法如下：

getState()：获取选择框的状态。
	
setState(boolean b)：设置选择框的状态
	
getLabel()：获取选择框的标题。
	
setLabel(String s)：设置选择框的标题。
	
isSelected()：获取选择框是否被选中的状态。
	
itemStateChanged(ItemEvent e)：处理选择框事件的接口方法。
	
getItemSelectable()：获取可选项，获取事件源。
	
addItemListener(ItemListener l)：为选择框设定监视器。
	
removeItemListener(ItemListener l)：移去选择框的监视器。

【例 11-11】声明一个面板子类，面板子类对象有3个选择框。
class Panel1 extends JPanel{
    JCheckBox box1,box2,box3;
    Panel1(){
        box1 = new JCheckBox(“足球”);
        box2 = new JCheckBox(“排球”);
        box2 = new JCheckBox(“篮球”);
    }
}

单选框

当在一个容器中放入多个选择框，且没有ButtonGroup对象将它们分组，则可以同时选中多个选择框。如果使用ButtonGroup对象将选择框分组，同一时刻组内的多个选择框只允许有一个被选中，称同一组内的选择框为单选框。单选框分组的方法是先创建ButtonGroup对象，然后将希望为同组的选择框添加到同一个ButtonGroup对象中。参见例6.2程序的面板子类Panel2的声明，组内有3个单选框。

单选按钮

单选按钮(JRadioButton)的功能与单选框相似。使用单选按钮的方法是将一些单选按钮用ButtonGroup对象分组，使同一组的单选按钮只允许有一个被选中。单选按钮与单选框的差异是显示的样式不同，单选按钮是一个圆形的按钮，单选框是一个小方框。

JRadioButton类的常用构造方法有以下几个：

JRadioButton()：用空标题构造单选按钮。
	
JRadioButton(String s)：用给定的标题s构造单选按钮。
	
JRadioButton(String s,boolean b)：用给定的标题s构造单选按钮,参数b设置选中与否的初始状态。
单选按钮使用时需要使用ButtonGroup将单选按钮分组，单选按钮的分组方法是先创建对象，然后将同组的单选按钮添加到同一个ButtonGroup对象中。参见例6.2程序的子类panel1的声明，组内有3个单选按钮。

选择项目事件处理

用户对选择框或单选按钮做出选择后，程序应对这个选择作出必要的响应，程序为此要处理选择项目事件。选择项目处理程序的基本内容有：

监视选择项目对象的类要实现接口ItemListener,
	
程序要声明和建立选择对象，
	
为选择对象注册监视器，
	
编写处理选择项目事件的接口方法itemStateChanged(ItemEvent e),在该方法内用getItemSelectable()方法获取事件源，并作相应处理。

【例 11-12】处理选择项目事件的小应用程序。一个由3个单选按钮组成的产品选择组，当选中某个产品时，文本区将显示该产品的信息。一个由3个选择框组成的购买产品数量选择框组，当选择了购买数量后，在另一个文本框显示每台价格

【例 11-12】处理选择项目事件的小应用程序。一个由3个单选按钮组成的产品选择组，当选中某个产品时，文本区将显示该产品的信息。一个由3个选择框组成的购买产品数量选择框组，当选择了购买数量后，在另一个文本框显示每台价格。

import java.applet.*;

import javax.swing.*;

import java.awt.*;

import java.awt.event.*;

class Panel1 extends JPanel{

    JRadioButton box1,box2,box3;

    ButtonGroup g;

    Panel1(){

        setLayout(new GridLayout(1,3));

        g = new ButtonGroup();

        box1 = new JRadioButton(MyWindow.fName[0]+"计算机"，false);

        box2 = new JRadioButton(MyWindow.fName[1]+"计算机"，false);

        box3 = new JRadioButton(MyWindow.fName[2]+"计算机"，false);

        g.add(box1);g.add(box2);g.add(box3);

        add(box1);add(box2);add(box3);

        add(new JLabel("计算机3选1") );

    }

}

class Panel2 extends JPanel{

    JCheckBox box1,box2,box3;

    ButtonGroup g;

    Panel2(){

        setLayout(new GridLayout(1,3));

        g = new ButtonGroup();

        box1 = new JCheckBox("购买1台 ");

        box2 = new JCheckBox("购买2台 ");

        box3 = new JCheckBox("购买3台 ");

        g.add(box1);g.add(box2);g.add(box3);

        add(box1);add(box2);add(box3);

        add(new JLabel(" 选择1、2或3"));

    }

}

class MyWindow extends JFrame implements ItemListener{

    Panel1 panel1;

    Panel2 panel2;

    JLabel label1,label2;

    JTextArea text1,text2;

    static String fName[] = {"HP","IBM","DELL"};

    static double priTbl[][]={{1.20,1.15,1.10},{1.70,1.65,1.60},{1.65,1.60,1.58}};

    static int productin = -1;

    MyWindow(String s){

        super(s);

        Container con = this.getContentPane();

        con.setLayout(new GridLayout(3,2));

        this.setLocation(100,100);

        this.setSize(400,100);

        panel1 = new Panel1();panel2 = new Panel2();

        label1 = new JLabel("产品介绍",JLabel.CENTER);

        label2 = new JLabel("产品价格",JLabel.CENTER);

        text1 = new JTextArea();text2 = new JTextArea();

        con.add(label1);con.add(label2);con.add(panel1);

        con.add(panel2);con.add(text1);con.add(text2);

        panel1.box1.addItemListener(this);

        panel1.box2.addItemListener(this);

        panel1.box3.addItemListener(this);

        panel2.box1.addItemListener(this);

        panel2.box2.addItemListener(this);

        panel2.box3.addItemListener(this);

        this.setVisible(true);this.pack();

    }

    public void itemStateChanged(ItemEvent e){  //选项状态已改变

        if(e.getItemSelectable()==panel1.box1){  //获取可选项

            production =0;

            text1.setText(fName[0]+"公司生产");text2.setText("");

        }

        else if(e.getItemSelectable()==panel1.box2){

            production =1;

            text1.setText(fName[1]+"公司生产");text2.setText("");

        }

        else if(e.getItemSelectable()==panel1.box3){

            production =2;

            text1.setText(fName[2]+"公司生产");text2.setText("");

        }

        else{

            if(production ==-1) return;

            if(e.getItemSelectable()==panel2.box1){

                text2.setText(""+priTbl[production][0]+"万元/台");

            }

            else if(e.getItemSelectable()==panel2.box2){

                text2.setText(""+priTbl[production][1]+"万元/台");

            }

            else if(e.getItemSelectable()==panel2.box3){

                text2.setText(""+priTbl[production][2]+"万元/台");

            }

        }

    }

}

public class Example6_2 extends Applet{

    MyWindow myWin = new MyWindow("选择项目处理示例程序");

}

Java学习交流群：587131012

参考资料：http://www.makeru.com.cn/