怎么给动态生成的多个复选框赋不同的value值，并能取出被选中的复选框的value值

青藤光年 2015-12-04 10:39:21

要把后台返回的每个id值赋给value，怎么写

...全文

137 1 打赏收藏转发到动态举报

写回复

用AI写文章

1 条回复

切换为时间正序

请发表友善的回复…

发表回复

似梦飞花 2015-12-05

打赏
举报

<!DOCTYPE html>
<html>
<head>
    <title></title>
    <meta charset="utf-8" />
</head>
<body>
<div id="showSelected"></div>
<script>
(function(w,d){
    var obj={},index= 0,arr=[],div=document.getElementById('showSelected');
    function createCheckbox(value){
        var input=d.createElement('input');
        input.type='checkbox';
        input.name='test';
        input.value=value;
        input.setAttribute('index',++index);
        input.onclick=function(){
            var _index=this.getAttribute('index');
            if(this.checked){
                obj[_index]=this.value;
            }else{
                delete obj[_index];
            }
            arr=[];
            for(var i in obj){
                if(typeof obj[i]=='string'){
                   arr.push(obj[i]);
                }
            }
            div.innerHTML=arr.join();
        }
        return input;
    }
    function test(){
        var arr=[1,2,3,4];
        for(var i= 0,len=arr.length;i<len;i++){
            d.body.appendChild(createCheckbox(arr[i]));
        }
    }
    window.setTimeout(function(){
        test();
    },2000)
})(window,document)
</script>
</body>
</html>