单选框、复选框获取选中值及由ajax获取的data判断选中的项目

最新推荐文章于 2024-09-25 16:25:27 发布

转载最新推荐文章于 2024-09-25 16:25:27 发布 · 863 阅读

2 ·

CC 4.0 BY-SA版权

原文链接：https://segmentfault.com/a/1190000012475169

文章标签：

#c# #javascript #ViewUI

本文介绍了一种JavaScript方法来获取和设置HTML表单中的单选框和复选框的值。通过函数实现对单选框选中值的获取及数组形式的组织，并能够与预设答案进行比对计算得分；同时提供了获取复选框选中值并将其转换为数组或字符串的方法。

//单选框获取选中值
function getRadioRes(Name){
        var rdsObj = document.getElementsByName(Name);
        var checkVal = null;
        for(i = 0; i < rdsObj.length; i++){
            if(rdsObj[i].checked){
                checkVal = rdsObj[i].value;
            }
        }
        return checkVal;
    }
    //将单选框选中的项，组成数组或者字符串
            var yourAnswer=[];//答题者答案 
            var yourAnswer1='';
            var press9 = getRadioRes('press10');
            //对比答案，算出分数
            var num=0;//答对的题目数量
            for (var i = 0; i < answer.length; i ++) {
                //eval() 函数可计算某个字符串，并执行其中的的 JavaScript 代码。
                var pres=eval("press" + i); //将字符串转化成变量名
                yourAnswer1+=pres;//字符串
                yourAnswer.push(pres);//数组
                if (answer[i]==yourAnswer[i]) {
                    num++;
                }
            }
    //复选框获取选中值
    function getCheckBoxRes(Name){//判断下三项是否开启
        var rdsObj = document.getElementsByName(Name);
        var checkVal = new Array();
        var checkValStr='';//多选项拼接数组
        var k = 0; 
        for(i = 0; i < rdsObj.length; i++){
            if(rdsObj[i].checked){
                checkVal[k] = rdsObj[i].value;//选中项组成的数组
                checkValStr+=rdsObj[i].value+',';//选中项组成的字符串
                k++;
            }
        }
         //看字符串的最后一项是否为逗号，是就去掉，不是就不用管
        checkValStr=checkValStr.substr(checkValStr.length-1,1)==','?checkValStr.substring(0,checkValStr.length-1):checkValStr;
        return checkValStr;
    }

//将获取的值匹配对应的选项
//设置单选，多选的选中值
    function showRadioRes(Name,val){//input[name="Name"],value
        var rdsObj = document.getElementsByName(Name);
        if (Name=='sex') {
            if (val==true) {
                val=='1';
            }else{
                val=='0';
            }
        } 
        for(i = 0; i < rdsObj.length; i++){
               if (rdsObj[i].value==val) {
                rdsObj[i].checked=true;
            }
        }
    }
    function showCheckBoxRes(Name,vals){
        var rdsObj = document.getElementsByName(Name);
        var checkVal = new Array();
        //字符串分解，组成数组
        //split() 方法用于把一个字符串分割成字符串数组。
        checkVal = vals.split(",");// 在每个逗号(,)处进行分解。
        for(i = 0; i < rdsObj.length; i++){
            for (var j=0;j<checkVal.length;j++) {
                if(rdsObj[i].value==checkVal[j]){
                    rdsObj[i].checked=true;
                }
            }
            
        }
    }