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版权协议,转载请附上原文出处链接和本声明。