How to store the multiple values of ASP.NET hiddenfield using jquery or javascript

Question

0.00/5 (No votes)

See more:

I am working in a asp.net project for which i require a asp.net hidden field value to store array of values in it using jquery or javascript. Because i have got the values and stored in local javascript variable using function. That values i required to store it in hidden field to access that values in server side. Actually what i needed is radio button checked values.

What I have tried:

for (let i = 1; i <= count; i++) {
    let values = getRadioVal(document.getElementById("form1"), 'name' + i);

// With this function i am getting values that radio button checked
function getRadioVal(form, name) {
    let val;
    // get list of radio buttons with specified name
    let radios = form.elements[name];
    // loop through list of radio buttons
    for (var i = 0, len = radios.length; i < len; i++) {
        if (radios[i].checked) { // radio checked?
            val = radios[i].value; // if so, hold its value in val
            break; // and break out of for loop
        }
    }
    return val; // return value of checked radio or undefined if none checked
}

To store the values in hidden field i have tried this but resulting [Object Object] value

let array = [];
for (array in values)
    array.push[values];      
console.log($('#hdnValue').val(JSON.stringify(array)));

I want values to be stored in hidden field how can i achieve this please anybody help me

Posted 20-Dec-18 23:23pm

Member 8583441

Updated 21-Dec-18 4:24am

v2

Add a Solution

1 solution

Add a Solution

Add your solution here

Treat my content as plain text, not as HTML

Preview 0

…

Existing Members

Sign in to your account

...or Join us

Download, Vote, Comment, Publish.

Your Email
Password
Forgot your password?

Your Email
This email is in use. Do you need your password?
Optional Password

I have read and agree to the Terms of Service and Privacy Policy
Please subscribe me to the CodeProject newsletters

When answering a question please:

Read the question carefully.
Understand that English isn't everyone's first language so be lenient of bad spelling and grammar.
If a question is poorly phrased then either ask for clarification, ignore it, or edit the question and fix the problem. Insults are not welcome.
Don't tell someone to read the manual. Chances are they have and don't get it. Provide an answer or move on to the next question.

Let's work to help developers, not make them feel stupid.

This content, along with any associated source code and files, is licensed under The Code Project Open License (CPOL)

Richard Deeming · Answer 1 · 2018-12-21T04:25:00

values stores the selected value from the last radio button group you check. You're then iterating over the properties and methods of the string type[^], which isn't what you want.

You shouldn't need a separate field - the value of the selected radio buttons will be posted back to the server when you submit your form. But if you still want to do it, you'll need to push the selected values into an array:

JavaScript

let array = [];
let theForm = document.getElementById("form1");

for (let i = 1; i <= count; i++) {
    array.push(getRadioVal(theForm, 'name' + i));
}

document.getElementById('hdnValue').value = JSON.stringify(array);