使用jQuery获取动态复选框值

Mar*_*sat 5 javascript checkbox jquery

我无法获取动态复选框的选中值.我究竟做错了什么?http://jsfiddle.net/hxfsB/17/

标记:

<html>
    <body>
      one<input type="checkbox" name='checkbox0' value="one_name" checked>
     two<input type="checkbox" name='checkbox1' value="one_name1">
     three<input type="checkbox" name='checkbox2' value="one_name2">
         <input type="button" id="envoyer" value="Envoyer Reponse"  /> 
    </body>
</html>
Run Code Online (Sandbox Code Playgroud)

使用Javascript:

$('#envoyer').click(function(e){
    var myArray=new Array(4);
    for ( var j = 0; j < 3; j++){ 
        var check=$('input:checkbox[name=checkbox'+j+']').is(':checked');
        if(check==true)
            myArray[j]=$('input:checkbox[name=checkbox'+j+']').val();
    }
    alert('check '+" "+myArray[i]);
});
Run Code Online (Sandbox Code Playgroud)

Vis*_*ioN 5

myArray在alert中输出时出错(没有i定义变量).

但是,您的代码可以更好地构建.这是一个解决方案:

$("#envoyer").click(function(e) {
    var myArray = [];
    $(":checkbox:checked").each(function() {
        myArray.push(this.value);
    });

    alert("Checked: " + myArray.join(","));
});?
Run Code Online (Sandbox Code Playgroud)

演示: http ://jsfiddle.net/hxfsB/25/


dSq*_*red 4

你有一个Uncaught ReferenceError: i is not defined; 我在这里更新了你的小提琴:

http://jsfiddle.net/hxfsB/24/

$('#envoyer').click(function(e){
    var myArray = new Array(3);
    for ( var j = 0; j < 3; j++) { 
        var check=$('input:checkbox[name=checkbox'+j+']').is(':checked');
        if(check==true)
            myArray[j]=$('input:checkbox[name=checkbox'+j+']').val();

        // Alert Current Selection //
        alert('check ' + " " + myArray[j] );
    }    
});
Run Code Online (Sandbox Code Playgroud)

请记住:undefined表示未选中该复选框。

我希望这有帮助!