JS 中复选框 或者 Select多选情况下如何确定被选中?

        1- 多个复选框可以将input标签的name属性设置成同一个字符表示,type值为checkbox,在JS中可以通过document.getElementsByName('x')。(其中x为input标签name属性的值),此时可以获得同一个属性名的全部值,再通过循环的方式,checked的方式判断是否被选。

下面是JS得到被选中的值,在以','方式连接起来的字符串。

var str = document.getElementsByName('x');  //获取同一name值的数组
var length = str.length;  //获取数组长度
var checkVal=[];   //将被选中的放在此数组中
for(var i = 0; i < length ; i++){
	if(str[i].checked){     //判断是否被选中
		checkVal.push(str[i].value);
	}
}
var vals = checkVal.join(',');  //将选择的值以,的方式连接成字符串

          2- Select多选情况下的值如何确定

        与上述差不多,在Select中设置id属性(假设id值为m),设置multiple="multiple"此属性可以让Select标签可以多选。不过获得的全部值使用的是document.querySelector("#m").options。判断选择使用selected

下面是JS得到被选中的值,在以','方式连接起来的字符串的方法:

var values =  document.querySelector("#m").options;
var selectedValue = [];
for (var i = 0; i < values .length; i++) {
	if (values [i].selected) {
	    selectedValue.push(values [i].value);
	}
}
var vals = selectedValue.join(',')


版权声明:本文为m17130431原创文章,遵循CC 4.0 BY-SA版权协议,转载请附上原文出处链接和本声明。