JQuery选择所选复选框的标签

时间:2010-12-03 18:56:16

标签: javascript jquery jquery-ui

当我单击一个按钮时,我想从每个选中的复选框中获取值。我真的只想填充一个包含所有选中复选框的数组。

我在这里开始了一个简化示例:http://jsfiddle.net/kralco626/JvAdg/1/

实际代码更像是这样:

var dataList = new Array(10);
dataList[0] = "Delete";
dataList[1] = LD_LicenseNumber.val();
dataList[2] = $("#LDOperatingCompanies input:checked").val();

和aspx代码:

<div id="LDOperatingCompanies">
                        <input type="checkbox" value="o1"  id="o1" name="LDOperatingCompanies" /><label for="o1">o1</label>
                        <input value="o2" type="checkbox" id="o2" name="LDOperatingCompanies" /><label for="o2">o2</label>
                        <input value="o3" value="o1" type="checkbox" id="o3" name="LDOperatingCompanies" /><label for="o3">o3</label>
                    </div>

谢谢!

1 个答案:

答案 0 :(得分:4)

这是对您的小提琴的更新,它将所有选中的复选框放入数组Example

HTML

<div id="LDOperatingCompanies">
    <input type="checkbox" id="o1" name="LDOperatingCompanies" /><label for="o1">o1</label>
    <input type="checkbox" id="o2" name="LDOperatingCompanies" /><label for="o2">o2</label>
    <input type="checkbox" id="o3" name="LDOperatingCompanies" /><label for="o3">o3</label>
</div>
<input type="button" id="btn" value="alert checked boxes" />

的JavaScript

var checks = [];
$('#btn').click(function(e) {
    $(':checked').each(function(index, item) {
        checks.push( item );
    });
    if(checks.length == 0) alert('nothing checked');
    else alert(checks);
});