我正在尝试找到最简单的方法来获取选中的复选框。
这是我的脚本:
$(document).ready(function() {
$("input[name='chkTextEffects']").change(function() {
if ($("#cbSolid").is(':checked') == true) {
alert('Solid');
} else if ($("#cbOutline").is(':checked') == true) {
alert('Outline');
} else if ($("#cbSolid", "#cbOutline").is(':checked') == true) {
alert('SolidOutline');
} else if ($("#cbSolid", "#cbOutline").is(':checked') == false) {
alert('No Effects');
}
});
});
HTML:
<input type="checkbox" name="chkTextEffects" id="cbSolid" value="Solid" />Solid
<input type="checkbox" name="chkTextEffects" id="cbOutline" value="Outline" />Outline
<input id="TextEffectsSelection" type="hidden" />
我不确定这一行 if ($("#cbSolid", "#cbOutline").is(':checked') == true)
还是应该使用 bind
使其正常工作。
最佳答案
这是我创建的一个示例,它演示了我认为您正在尝试实现的目标:
$('#getCheckboxesButton').live('click', function(event) {
var checkboxValues = [];
$('input[type="checkbox"]:checked').each(function(index, elem) {
checkboxValues.push($(elem).val());
});
alert(checkboxValues.join(', '));
});
请告诉我这是否有帮助。它基本上使用 ':checked' jQuery 选择器来检索选中的复选框,然后迭代它们的值并将其打印出来。
关于jquery - 使用 jquery 检查多个复选框选择,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/10285280/