how to get value of checkbox item using javascript

Question

Inside my razor view, there is some text with corresponding CheckBox. That CheckBox has an id value. I want to send this id value to the MVC controller.

My simplified view has generated content like this:

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

Inside my javascript, I'm trying to gather all checked items and store them inside array which will be sent to the controller, again simplified:

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

On alerting id variable, I'm getting object Object. I don't see what I'm doing wrong and how to see if checked id value is stored inside the imgList array.

"again simplified" - So is the "object Object" alert you mention happening with the simplified code as shown or with your real code? — nnnnnn
– nnnnnn, Commented Dec 16, 2013 at 20:43

hutchonoid · Accepted Answer · 2013-12-16 20:44:52Z

1

You need to close the input tags in the markup like this:

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

Please see this working fiddle:

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

answered Dec 16, 2013 at 20:44

hutchonoid

33.4k15 gold badges102 silver badges106 bronze badges

Sign up to request clarification or add additional context in comments.

2 Comments

nnnnnn Over a year ago

Why would you need to close input tags with /? Does asp force you to use xhtml? Html5 and html4 don't require self-closing input elements.

hutchonoid Over a year ago

@nnnnnn It depends what is specified in the _layout.cshtml, you can change it to anything.

Collectives™ on Stack Overflow

how to get value of checkbox item using javascript

1 Answer 1

2 Comments

Your Answer

Hot Network Questions

Collectives™ on Stack Overflow

1 Answer 1

2 Comments

Your Answer

Sign up or log in

Post as a guest

Related