I would like to have 6 checkboxes, and do some stuff after a botton is pressed do you have an example?
 
Also can an array of checkboxes be used?
 
I want to avoid:
 
Checkbox cb1 = new Checkbox("A");
 
Checkbox cb2 = new Checkbox("B");
 
I am doing something like:
 
JPanel panel = new JPanel();
 
JFrame frame = new JFrame("the title");
 
final JTextArea txt = new JTextArea(20, 30);
 
Button boton = new Button( "DO");
 
panel.add(txt);
 
panel.add(boton);
 
frame.add(panel);
 
frame.add(panel);
 
frame.setDefaultCloseOperation(JFrame.EXIT_ON_CLOSE);
 
frame.setSize(500, 500);
 
frame.setVisible(true);
 
boton.addActionListener(new ActionListener() {
 
public void actionPerformed(ActionEvent e) {
 
txt.setText("");
 
/*
 
How would be the logic of array of checkboxes
 
if checbox[0] is active do action 0
 
if checbox[1] is active do action 1
 
if checbox[2] is active do action 2
 
if checbox[3] is active do action 3
 
if checbox[4] is active do action 4
 
if checbox[5] is active do action 5
 
if checbox[0] and checbox[1] is active do action 6
 
if checbox[0] and checbox[2] is active do action 7
 
if checbox[0] and checbox[3] is active do action 8
 
etc...
 
*/
 
}
 
});
 
解决方案
 
You can do something like this:
 
List checkboxes = new ArrayList();
 
String labels[] = {"A", "B", "C", "D", "E", "F"};
 
for (int i = 0; i < labels.length; i++) {
 
Checkbox checkbox = new Checkbox(labels[i]);
 
checkboxes.add(checkbox); //for further use you add it to the list
 
}
 
And then the List use it in your ActionListener to reference the checkboxes. You can also use an array if you like.

 
编写程序，通过复选框控件数组事先选择用户爱好信息的复选框，在该程序中，要求界面中的复选框数量可以根据指定复选框名称的字符串数组的长度来自动调节。
 
思路如下：
 
创建JPanel面板对象；
 
使用JPanel类的setLayout(0,4)方法设置网格布局管理器，即列数为4，行数自动调节；
 
创建一个字符串型一维数组作为控件文本数组；
 
创建一个JCheckBox型一维数组作为控件数组；
 
使用for循环遍历控件数组，初始化数组中的复选框组件，使用JPanel类的add()方法把数组元素(即每个复选框)添加到面板中。
 
代码如下：
 
package cn.edu.xidian.crytoll;
 
import java.awt.BorderLayout;
 
import java.awt.EventQueue;
 
import java.awt.GridLayout;
 
import javax.swing.JCheckBox;
 
import javax.swing.JFrame;
 
import javax.swing.JPanel;
 
import javax.swing.border.EmptyBorder;
 
import javax.swing.JLabel;
 
import javax.swing.UIManager;
 
public class CheckBoxArray extends JFrame {
 
/**
 
*
 
*/
 
private static final long serialVersionUID = -5338362310060106193L;
 
private JPanel contentPane;
 
private JPanel panel;
 
/**
 
* Launch the application.
 
*/
 
public static void main(String[] args) {
 
try {
 
UIManager
 
.setLookAndFeel("com.sun.java.swing.plaf.nimbus.NimbusLookAndFeel");
 
} catch (Throwable e) {
 
e.printStackTrace();
 
}
 
EventQueue.invokeLater(new Runnable() {
 
public void run() {
 
try {
 
CheckBoxArray frame = new CheckBoxArray();
 
frame.setVisible(true);
 
} catch (Exception e) {
 
e.printStackTrace();
 
}
 
}
 
});
 
}
 
/**
 
* Create the frame.
 
*/
 
public CheckBoxArray() {
 
setTitle("通过复选框控件数组实现添加多个复选框控件");
 
setDefaultCloseOperation(JFrame.EXIT_ON_CLOSE);
 
setBounds(100, 100, 409, 331);
 
contentPane = new JPanel();
 
contentPane.setBorder(new EmptyBorder(5, 5, 5, 5));
 
contentPane.setLayout(new BorderLayout(0, 0));
 
setContentPane(contentPane);
 
JLabel label = new JLabel(
 
"你的爱好有哪些：");
 
contentPane.add(label, BorderLayout.NORTH);
 
contentPane.add(getPanel(), BorderLayout.CENTER);
 
}
 
private JPanel getPanel() {
 
if (panel == null) {
 
panel = new JPanel();// 创建面板对象
 
panel.setLayout(new GridLayout(0, 4));// 设置网格布局管理器
 
// 创建控件文本数组
 
String[] labels = { "足球", "篮球", "魔术", "乒乓球", "看电影", "魔兽世界", "CS战队",
 
"羽毛球", "游泳", "旅游", "爬山", "唱歌", "写博客", "动物世界", "拍照", "弹吉他",
 
"读报纸", "飙车", "逛街", "逛商场", "麻将", "看书", "上网看资料", "新闻", "军事",
 
"八卦", "养生", "饮茶" };
 
JCheckBox[] boxs = new JCheckBox[labels.length];// 创建控件数组
 
for (int i = 0; i < boxs.length; i++) {// 遍历控件数组
 
boxs[i] = new JCheckBox(labels[i]);// 初始化数组中的复选框组件
 
panel.add(boxs[i]);// 把数组元素(即每个复选框)添加到面板中
 
}
 
}
 
return panel;
 
}
 
}
 
效果如图：
 

一、单个复选框
 
使用label标签可以点击文字就能选中复选框或者是取消选择复选框 
 
label标签的两种使用方法：   https://blog.csdn.net/qq_40015157/article/details/110850331
 
 
 
<label><input type="checkbox" id="check1" value="1" checked/>葡萄</label>

<button onclick="check()">提交</button>
 
1、js 判断单个 checkbox 是否选中以及获取选中值的方法如下：
 
function check(){
	var ischecked = document.getElementById("check1").checked;
	var ischeckedVal = document.getElementById("check1").value;
	alert("是否选中---" + ischecked + " 选中值---" + ischeckedVal);
}
 
2、js 设置单个 checkbox选中和取消选中 ：
 
document.getElementById("check1").checked = true; //设置选中
document.getElementById("check1").checked = false; //取消选中
 
 
 
3、jquery 判断单个 checkbox 是否选中以及获取选中值的方法如下：
 
if($("#check1").prop("checked")){//判断是否选中  
    alert($("#check1").val());//选中的值  
}

alert($("#check1").is(':checked'));判断是否选中  
 
注意：有时attr() 无法起到作用，attr() 与 prop() 的区别详见文章。   https://blog.csdn.net/qq_40015157/article/details/110823718
 
4、jquery 设置选中值的方法如下：
 
$("#check1").attr('checked', 'checked');
$("#check1").attr('checked', true);

$("#check1").prop('checked', 'checked');
$("#check1").prop('checked', true);
 
5、
 
let reg = 0;
$("#check1").prop('checked',(reg === 1)? true : false);

let flag = false;
$("#check1").prop('checked', flag);
 
二、多个复选框
 
 
 
<label><input type="checkbox" name="test" value="1"/>葡萄</label>
<label><input type="checkbox" name="test" value="2"/>香蕉</label>
<label><input type="checkbox" name="test" value="3"/>苹果</label>
<label><input type="checkbox" name="test" value="4"/>橙子</label>
<label><input type="checkbox" name="test" value="5"/>西瓜</label>
<button type='button' onclick="submit()">提交</button>
<button type='button' onclick="restore()">还原</button>

 
 
 
1、js 获取所有选中checkbox的value值： 
 
 
 
 
//for...in  循环
function submit(){
    var obj = document.getElementsByName("test");
    var checkList = [];
    for(k in obj){
        if(obj[k].checked)
            checkList.push(obj[k].value);
    }
   alert(checkList);
}
 
 
 
//for 循环
function submit(){
    var arr=document.getElementsByName("test");
	var checkList = [];
	for(i = 0; i < arr.length; i++){
		if(arr[i].checked){
			checkList.push(arr[i].value);
		}
	}
	alert(checkList);
}
 
2、jquery 获取所有选中checkbox的value值
 
function submit(){
	var checkList = new Array();  
 	$('input[name="test"]:checked').each(function(){  
     	checkList.push($(this).val());//向数组中添加元素  
 	});  
	alert(checkList);
	var idstr=checkList.join(',');//将数组元素连接起来以构建一个字符串  
	alert(idstr);
}
 
3、根据数组还原多个复选框选中：
 
 
 let arr = [1, 2, 5];
    function restore() {
        let checkboxArr = $('input[name="test"]');
        for (let j = 0; j < checkboxArr.length; j++) {
            for (let i = 0; i < arr.length; i++) {
                if ($(checkboxArr[j]).val() == arr[i]) {
                    $(checkboxArr[j]).prop("checked", "checked")
                }
            }
        }
    }
 
4、全选反选功能见下面文章，思路是一样的：
 
https://blog.csdn.net/qq_40015157/article/details/110661715
 
https://blog.csdn.net/qq_40015157/article/details/80693777
 
 

Vue实现复选框的多选与全选
 
代码如下：
 
  <div id="app">
      <table>
        <tr>
          <th>
            <!-- 这是全选复选框（即选中了这个复选框，所有选项复选框都被选中），其绑定数据的v-model为checkedAll，并绑定了改变事件changeAllChecked -->
            <input
              type="checkbox"
              v-model="checkedAll"
              @change="changeAllChecked()"
            />
          </th>
          <th>序号</th>
        </tr>
        <tr>
          <!-- 这是选项复选框，其绑定数据的v-model为checkedItem -->
          <td><input type="checkbox" value="1" v-model="checkedItem" /></td>
          <td>1</td>
        </tr>
        <tr>
          <!-- 这是选项复选框，其绑定数据的v-model为checkedItem -->
          <td><input type="checkbox" value="2" v-model="checkedItem" /></td>
          <td>2</td>
        </tr>
        <tr>
          <!-- 这是选项复选框，其绑定数据的v-model为checkedItem -->
          <td><input type="checkbox" value="3" v-model="checkedItem" /></td>
          <td>3</td>
        </tr>
        <tr>
          <!-- 这是选项复选框，其绑定数据的v-model为checkedItem -->
          <td><input type="checkbox" value="4" v-model="checkedItem" /></td>
          <td>4</td>
        </tr>
      </table>
      </div>


<script>
export default {
  data() {
    return {
      checkedAll: false,
      // 设置选项复选框初始状态为未选中,由于是一个数组,所以值为[],即为空
      checkedItem: [],
      // 设置选中全选复选框后重新给选项复选框赋值,即选中所有的选项复选框
      checkedAttr: ["1", "2", "3", "4", "5"],
    };
  },
  methods: {
    // 全选复选框状态改变监听事件
    changeAllChecked() {
      // 判断全选复选框是否选中
      if (this.checkedAll) {
        // 如果全选复选框被选中,则重新给选项复选框赋值,即选中所有的选项复选框
        this.checkedItem = this.checkedAttr;
      } else {
        // 如果全选复未选框被选中,则设置为空值,即未选中所有的选项复选框
        this.checkedItem = [];
      }
    },
  },
  watch: {
    // 监听复选框项是否全部选中
    checkedItem() {
      // 判断选中选项复选框的值数组的长度是否与设定的长度相等，如果相等则所有的选项复选框被选中，否则没有被选中。
      if (this.checkedItem.length == this.checkedAttr.length) {
        // 如果所有复选框项全部被选中,则全选复选框也被勾选
        this.checkedAll = true;
      } else {
        // 否则复选框不勾选
        this.checkedAll = false;
      }
    },
  },
};
</script>