I am trying to get a checkbox name when a checkbox is clicked...i am using a javascript function but it returns undefined.
Here is the code:
notType= document.getElementById($('[type="checkbox"]').attr('id')).value;
alert(notType);
-
2Why would you select an element with jQuery than use getElementById? Now you want the name and you are reading the value?epascarello– epascarello2015-11-20 14:01:49 +00:00Commented Nov 20, 2015 at 14:01
-
Does this answer your question? How can I get checkbox attribute with using javascript?Shiladitya– Shiladitya2023-12-04 12:51:10 +00:00Commented Dec 4, 2023 at 12:51
Add a comment
|
5 Answers
In your code example, you are retrieving the value of the field, rather than the name. Instead, you should use:
var notType = document.getElementById(id).name;
Comments
This should work. $("#" + id) finds the element with the specified id. After that, you get the attribute called "name".
var notType = $("#" + id).attr("name");
3 Comments
user3576758
But now I have another issue: the functionality to check if the check box is checked or not.it shows true when checkbox is unchecked.
laszlokiss88
I'm happy to help, but if I'm correct stackoverflow allows one question at once. If you got the solution, you accept the answer and after that you can ask another question by creating a new one.
NetMage
This assumes you have jQuery.
you can do it like this:
$('input[type="checkbox"]').on('click', function(event){
alert(event.target.id);
});
Comments
let checkbox = $("input[type="checkbox"]");
// if (checkbox.is(":checked")) { OR
if (checkbox.prop('checked') == true){
let name = checkbox.name;
}
Comments
Pure JavaScript way of getting the checkbox name attribute when clicked:
document.querySelector('input[type="checkbox"]').addEventListener('click', ({ target }) => {
const name = target.getAttribute('name');
...
});
JQuery way of getting the checkbox name attribute when clicked:
$('input[type="checkbox"]').on('click', function() {
const $checkbox = $(this);
const name = $checkbox.attr('name');
...
});
