Ways to retrieve data from checkboxes

My code is here, but I can't seem to get the alert functioning properly.

var chooseObject = document.getElementsByTagName("input");
var objectLength = chooseObject.length;
var hobbyArray = [];
    //hobbyArray("aaa");
    //hobbyArray("bbb");
    //alert(hobbyArray); This one works.
for(var i=0;i<=objectLength;i++){
    if((chooseObject[i].type=="checkbox")&&(chooseObject[i].checked==true)){
         //alert(chooseObject[i].value); This one works.
         hobbyArray.push(chooseObject[i].value); }
}
alert(hobbyArray);

When I try the top alert (already commented out), it works. When I alert chooseObject[i].value in the for loop, it's fine. But when I do it with the array, it fails. Can someone assist me?

Answer №1

There is a small mistake in your for loop. Instead of this:

for(var i=0;i<=objectLength;i++)

You should have:

for(var i=0;i<objectLength;i++)

The additional iteration is leading to a TypeError because when you try to access the properties of the element, chooseObject[objectLength] returns undefined, which does not have any properties.

Similar questions

If you have not found the answer to your question or you are interested in this topic, then look at other similar questions below or use the search

Dealing with an endless loop caused by a promise in AngularJS's ui router $stateChangeStart event

I am currently working on implementing authentication in my Angular application and I want to redirect to an external URL when a user is not logged in (based on a $http.get request). However, I seem to be stuck in an infinite loop when using event.prevent ...

Ways to retrieve JSON data using Angular JS

I'm currently working on populating my table with data. The URL returns JSON data, but I'm struggling with how to retrieve it using AngularJS. Here is my services.js: angular.module('OrganisatieApp.services', []) .factory('organi ...

An alternative to PHP's exec function in Node.js

I am interested in developing a piece of software using C (such as prime number factorization) and hosting it on my web server with Node.js. Following that, I would like to create an HTML document containing a form and a button. Upon clicking the button, ...

Unable to navigate to a specific div element within an iframe using the parent document

By using the following jQuery code, I can trigger a click on an accordion (implemented as a div) from the parent html: jQuery(iframe).contents().find('#XYZ').trigger("click"); The accordion opens successfully, but my issue is that the opened ac ...

Issues with jQuery focus function in Internet Explorer 11

Is there a way to set the focus on an anchor tag using the URL? Anchor Tag: <a id='714895'>&nbsp;</a> URL: jQuery Code: try { if(document.URL.indexOf("?ShowAllComments=True#") >= 0){ var elementClicked = "#" +location.hre ...

The combination of jQuery and JavaScript targeting the element with the ID '#update1' is essential. Can someone please assist me with

comprehend my message <!DOCTYPE html> <html> <head> <meta name="viewport" content="width=device-width, initial-scale=1"> <link rel="stylesheet" href="http://code.jquery.com/mobile/1.4.5/jquery.mobile-1.4.5.min.css"> ...

Utilize data retrieved from an API to customize the appearance of buttons through the combination of React and Sass styling techniques

I retrieved data from an API and used it to create a list of buttons. The data I received includes names and color codes. { name: "bob", colorCode: "#DC7472" }, { name: "ben", colorCode: "#69DCD1" }, { name: &q ...

Angular JS not displaying texts properly

Within my code, I have implemented a feature to display an h4 element stating that there are no products found if the search query does not match any strings. However, I am encountering a strange bug where the text fails to appear as intended. Interestingl ...

Hiding the div element with 'display: none' causes the disappearance

Whenever I execute this piece of code; document.getElementById("loading").style.display = "none" It unexpectedly hides the div named "myDiv" as well. By setting MyDiv to block, the text appears correctly. However, when loading is set to none, it strange ...

Guidelines for determining a screen's location using Javascript

I have integrated a label onto an image and I am trying to figure out how to determine the exact position of each label on the screen. Is there a way to retrieve the screen coordinates for each label? Below is the code snippet that I have uploaded, perha ...

Selenium JAR test case encountered a halt when it reached JavaScript commands

While working on a test script for our company using Selenium JUnit, I encountered an issue. The script runs smoothly in my account on the company's network but encounters a roadblock when other employees try to run it, specifically when it reaches th ...

In search of a JavaScript library that offers a navigation menu similar to the one on FogBugz's homepage

Does anyone know of a JavaScript library that can create a navigation menu similar to the one found on ? I am looking for recommendations. Thanks! ...

Launching a pre-built React application

I'm facing an issue while attempting to run a pre-existing React App on my Mac locally. I have all the source files and node.js installed on my machine. Upon running npm install, I encountered a massive list of deprecations and npm ERRors that surpas ...

The file upload issue with FormData append in CodeIgniter is causing errors

My current challenge involves uploading files using AJAX to my CodeIgniter based website. Unfortunately, I am encountering an issue where I cannot retrieve the file field value in the controller. This results in an error message stating "Undefined index: & ...

Is there a more straightforward method than using a recursive function to serialize a JavaScript object for an AJAX request?

Check out this function and helper I created for serializing a javascript object to send in an ajax request. While there may be more efficient solutions in libraries like jQuery, I couldn't find one specifically for a javascript object. /* @author Be ...

The error TS2339 is indicating that there is no property called myProperty on the type SetStateAction<User>

I'm encountering a TypeScript error while working with React that's leaving me puzzled: <html>TS2339: Property 'subEnd' does not exist on type 'SetStateAction&lt;User&gt;'.<br/>Property 'subEnd' d ...

What is the best way to create messages that can function seamlessly in both Java and JavaScript environments?

Utilizing a file named messages.properties with JSTL format messaging has been effective for server-side Java and JSP applications. However, when it comes to incorporating JavaScript, the need arises for the same messages in a format that is compatible w ...

How can I submit multiple dropdown menus when they are changed?

I recently added Four dropdown menus on my index.php page. <select name="filter_month" class="filters"> <option>Select a Month</option> <option value="1">January</option> <option value="2">February</optio ...

What is the best method for clearing DOM variables and storage when a new innerHTML is loaded dynamically in a Single Page Application?

When I load Dynamic HTMLs with JS into a div on an index page, the content of the div gets updated dynamically based on user actions using the JQuery.load function. The loaded HTML includes JS files that are also added to the DOM and work as expected. How ...

What is the process for creating a fade out effect with JavaScript?

https://i.sstatic.net/1qgWt.png Is there a way to create a fade out effect in JavaScript? In the image provided, you can see that when you click on a day, a box slides down. If you click on another day, the previous box slides back up while a new box slid ...