javascript - 如何使用javascript获取复选框项目的值

Question

在我的 Razor View 中，有一些带有相应复选框的文本。该复选框有一个 id 值。我想将此 id 值发送到 MVC Controller 。

我的简化 View 生成了如下内容:

<input id="14" class="imgCheckbox" type="checkbox">
<input id="deleteImgBtn" class="deleteImagesBtn" 
       type="button" value="Delete" name="deleteImgBtn">

在我的 JavaScript 中，我试图收集所有选中的项目并将它们存储在数组中，该数组将发送到 Controller ，再次简化:

var imgList = [];
$(document).on("click", "#deleteImgBtn", function (e) {
    e.preventDefault();
    $('.imgCheckbox:checked').each(function () {                    
        var id = $(this).attr('id');
        alert(id);
        imgList.push(id);
    });
...

在警报 id 变量时，我得到对象对象。 我不明白我做错了什么以及如何查看检查的 id 值是否存储在 imgList 数组中。

Answer 1

您需要像这样关闭标记中的输入标签:

<input id="14" class="imgCheckbox" type="checkbox" />
<input id="deleteImgBtn" class="deleteImagesBtn" 
type="button" value="Delete" name="deleteImgBtn" />

请查看这个工作 fiddle :

http://jsfiddle.net/jM5e9/1/