$(document).ready(function() {
function countChecked() {
var n = $("input:checked").length;
$("div").text(n + (n <= 1 ? " is" : " are") + " checked!");
}
countChecked();
$(":checkbox").click(countChecked);
});
div {
color: red;
}
<script src="https://cdnjs.cloudflare.com/ajax/libs/jquery/3.3.1/jquery.min.js"></script>
<form>
<input type="checkbox" name="newsletter" checked="checked" value="Hourly" />
<input type="checkbox" name="newsletter" value="Daily" />
<input type="checkbox" name="newsletter" value="Weekly" />
<input type="checkbox" name="newsletter" checked="checked" value="Monthly" />
<input type="checkbox" name="newsletter" value="Yearly" />
</form>
我需要获取所有选中的复选框的值,例如“每小时”,“每天”
我如何获得所有已选中复选框的值有人可以帮我吗,请
对Pim Jager的改进(猜测您需要返回值的数组):
function getCheckedNames(){
var arr = new Array();
var $checked = $('[@name=newsletter]:checked');
$checked.each(function(){
arr.push($(this).val());
});
return arr;
}
以及duckyflip的改进:
function getCheckedNames(){
return jQuery('[@name=newsletter]:checked').map(function(){
return this.value;
});
}
var values = $.makeArray($(":checkbox:checked").map(function(){
return this.value
})).join(', ')
alert(values)
不容易看到您要在这里做什么,但是我想这就是您想要的:
$("input:checked").each(function() {
alert($(this).val());
});
我认为这就是您的追求:
function updateChecked(){
var arr = new Array();
$('input:checkbox:checked').each( function() {
arr.push($(this).val());
});
var checkboxesText = arr.join(', ');
var moreText = (arr.length <= 1 ? " is" : " are") + ' checked!';
$('div').text(checkboxesText + moreText);
}
这会将div文本设置为:“每小时,每天检查一次!”