jquery获取单选框选中的值

小蓝 • 2024-12-27 12:58 • 编程

要获取所有选中的复选框的值，可以使用以下代码：

var checked_values = [];
$('input[type="checkbox"]:checked').each(function() {
    checked_values.push($(this).val());
});

解释一下代码：首先，我们定义了一个空数组，用来保存选中的复选框的值。然后使用jQuery选择器选中所有选中的复选框，并通过 each() 方法遍历每个选中的复选框。在遍历过程中，将每个选中的复选框的值添加到 checked_values 数组中。最终，我们就可以得到所有选中的复选框的值。

获取单选框的值跟获取复选框的值类似。下面是一个实现：

var selected_value = $('input[name="radio_button"]:checked').val();

解释一下代码：首先，我们使用 jQuery 选择器选中所有名字为 “radio_button” 的单选框，并筛选出选中的单选框。最后，我们使用 val() 方法获取选中的单选框的值。

获取单选按钮的值，我们可以通过以下代码实现：

var selected_value = $('input:radio[name="radio_button"]:checked').val();

解释一下代码：我们使用 jQuery 选择器选中所有名字为 “radio_button” 的单选框，并选中选中的单选按钮，使用 val() 方法获取选中的单选按钮的值。

想要获取一个复选框的选中状态，可以使用以下代码：

var is_checked = $('input[type="checkbox"]').is(':checked');

解释一下代码：我们使用 jQuery 选择器选中所有的复选框，然后使用 is() 方法判断是否被选中。如果被选中，则返回 true，否则返回 false。

跟获取单选框的值类似，获取复选框的值也很简单，可以使用以下代码实现：

var checked_values = [];
$('input[type="checkbox"]').each(function() {
    if (this.checked) {
        checked_values.push($(this).val());
    }
});

解释一下代码：跟获取所有选中的复选框的值一样，我们首先定义了一个空数组，用来保存选中的复选框的值。然后使用 each() 方法遍历每个复选框。在遍历过程中，判断复选框是否选中。如果选中，则将其值添加到 checked_values 数组中。最终，我们就可以得到所有选中的复选框的值。

除了获取单选框的值外，有时候我们还需要通过 jQuery 实现单选框的选中操作。以下是一个实现：

$('input[name="radio_button"]').eq(1).attr('checked', true);

解释一下代码：我们使用 jQuery 选择器选中所有名字为 “radio_button” 的单选框，并使用 eq() 方法选择要选中的单选框的位置。最后，使用 attr() 方法将选中属性设置为 true。

原创文章，作者：小蓝，如若转载，请注明出处：https://www.506064.com/n/296119.html