我在数据库中选择查询时生成了一组复选框。
<input type="checkbox" name="grade_checkbox[]" class="grade_checkbox" value="1">
//value of checkbox is getting from database table.I have put value =1 as an example
点击每个复选框后,我将复选框的值存储到数组中。
var selected_grades = [];
$(".grade_checkbox").click(function(){
if(!$(this).is(":checked")
{
//remove the checkbox value from the array since it is unchecked
if($.inArray($(this).val(),selected_grades)!==-1)
{
selected_grades.remove(selected_grades.indexOf($(this).val()));
}
}
selected_grades = $('input:checkbox:checked.grade_checkbox').map(function () {
return this.value;
}).get();
console.log(selected_grades);
});
selected_grades
是一个用于存储已检查的复选框值的数组。
当我选中每个复选框时,数组selected_grades
将显示在控制台中,并显示所有选中的复选框值。
当我尝试取消选中任何复选框时,我实际上是尝试从上面的数组中删除该元素。但是我收到以下错误
TypeError: selected_grades.remove is not a function
我不知道为什么会这样。