jQuery 獲取已勾選 Checkbox 元素：正確選擇器與值提取

正確選擇器

// 獲取所有被勾選的 checkbox (jQuery 對象)
var $checked = $('input[type="checkbox"]:checked');
// 或
var $checked = $('input:checkbox:checked');

遍歷獲取值

var values = [];
$checked.each(function() {
    values.push($(this).val());
});
console.log(values); // ["001", "003", ...]

原始代碼問題分析

原代碼 var testNames = $(""); 選擇器為空，且未使用 :checked 偽類，無法獲取勾選項。

完整示例

<script src="https://cdn.jsdelivr.net/npm/jquery@3.6.0/dist/jquery.min.js"></script>
<input type="checkbox" name="test" value="001">A<br>
<input type="checkbox" name="test" value="002">B<br>
<input type="checkbox" name="test" value="003">C<br>
<button id="btn">獲取勾選值</button>

<script>
$('#btn').click(function() {
    var vals = $('input[name="test"]:checked').map(function() {
        return this.value;
    }).get();
    alert(vals.join(','));
});
</script>