用于从后台返回值的多选的选中

个人小站点:https://sundjly.github.io/

HTML中:

<label><input type="checkbox" name="me" id="me" value="1" />1</label>
        <label><input type="checkbox" name="me" id="me" value="2" />2</label>
        <label><input type="checkbox" name="me" id="me" value="3" />3</label>
        <br>

这里引用了jQuery里面的方法:(思路:分别取出后台选中的值和所有的多选框的值进行判断,相等则为选中,后台存取的值为有逗号的字符串,先要把它转化为数组)

    //用于从后台的返回值多选的选中
        function isCheckboxSelected(checkbox,value){ 
                var $input=$(checkbox);
                var arrVal=new Array();
                arrVal=value.split(',');//以逗号分隔成数组
                for (var i = 0; i < arrVal.length; i++) {
                    for (var j = 0; j < $input.length; j++) {
                        var inputVal=$input.eq(j).val();
                        if (inputVal==arrVal[i]) {
                            $input.eq(j).attr('checked',true);//让其为选中
                        } else{}
                    }
                }
            }

函数具体引用为: 
isCheckboxSelected(‘input[name=”me”]’,’2,3’); 
`` 
这样就简单的实现 
不过其中变量
$input不为数组 因此不能在遍历的使用$input[i],而使用了$input.eq(j)` 
(如果有错误,请指正)

posted @ 2017-08-30 00:33  sundjly  阅读(513)  评论(0编辑  收藏  举报