使用jQuery獲取動態複選框值

我無法獲取動態複選框的選中值。我究竟做錯了什麼？ http://jsfiddle.net/hxfsB/17/使用jQuery獲取動態複選框值

標記：

<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>

的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]); 
});

來源

2012-06-01 MarwaInsat

在開發人員工具中查看瀏覽器的JavaScript控制檯。 –

您有一個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]); 
    }  
});

請記住：undefined表示複選框未選中。

我希望這有助於！

來源

2012-06-01 20:24:57 dSquared

您在輸出警報myArray時有一個錯誤（沒有定義i變量）。

但是，您的代碼可以更好地構造。這裏是一個解決方案：

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

    alert("Checked: " + myArray.join(",")); 
});

DEMO：http://jsfiddle.net/hxfsB/25/

來源

2012-06-01 20:24:32 VisioN

嘗試了這一點：http://jsfiddle.net/hxfsB/27/

沒有與選擇

來源

2012-06-01 20:25:48 frictionlesspulley

$('#envoyer').click(function(e){ 
    var myArray=new Array(3); 

    $('input[type=checkbox]:checked').each(function(i) { 
     myArray[i] = $(this).val(); 
     //alert($(this).val()); 
    }); 
});

來源

2012-06-01 20:26:07 lucuma

在myArray[i]的i不存在任何地方的問題。你需要要麼把警報內部的for循環和使用myArray[j]或創建一個新的使用i

來源

2012-06-01 20:26:27 Kay

在你的標題所暗示的，如果你想獲得檢查的複選框值，你可以做這個循環，

的Javascript：

$('#envoyer').click(function(e){ 
    $('input[type="checkbox"]:checked').each(function(){ 
     alert(this.value); 
    })   
})

標記

<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>

來源

2012-06-01 20:32:37 Jashwant

使用jQuery獲取動態複選框值

回答

相關問題