使用JS获取多组radio的value并判断是否选中

来源:互联网 发布:35mm定焦镜头推荐 知乎 编辑:程序博客网 时间:2024/06/05 02:50

 

     1.所做的为有13道题目的问卷,为radio和checkbox两种形式,先给出如何获取多组radio的value:


  

 var answer = "";    var Answer = new Array();    if (CheckChoice() == false)        return false;    for (var j = 1; j <= 13; j++) {        var arr1 = document.getElementsByName("radio-choice-v-" + j);        var t1 = "";        for (var i = 0; i < arr1.length; i++) {            if (arr1[i].checked) {                t1 += arr1[i].value + ",";            }        }        Answer[j] = t1;    }    for (a = 1; a < Answer.length; a++)   //测试选项    {        answer += Answer[a];        if (a != Answer.length - 1)            answer += "&";    }

(上段代码为radio和checkbox一起进行获取值,最终得到的是一个字符组,若要传回数据库时记得将字符串进行分割,选项分割点为“,”,题目分割点为“&”)




2. 然后是遍历判断这13组radio和checkbox是否被选中,然后alert输出,并将未选中的题目样式改变


function CheckChoice() {    for (var j = 1; j <= 13; j++) {        var choice = document.getElementsByName("radio-choice-v-" + j);        var k = "";        for (var i = 0; i < choice.length; i++) {            if (choice[i].checked) {                k += "1";            }        }        if (k == "") {            alert("第" + j + "题未选择,请选择");            document.getElementById("Form-" + j).style.backgroundColor = "#c0c0c0";          return false;        }    }    return true;}



(未完善之处:若未选中题目超过1个,点击提交时只会提示前一个未选题目。快哭了  求大家指点怎么改善)


0 0
原创粉丝点击