Insert Value Of Selected Radio Button in Array

Question

I am Trying to Insert the Selected Value of the checbox into an Array and display the array value.. However I got this error valueSelected.push is not a function.. Can Anyone help me? Here's my code. Are there anything that I missed Out?

<html>
    <head>
        <script src="js/jquery-1.7.1.min.js"></script>
        <script src="js/jquery-ui.js"></script>
        <script src="js/jquery-ui.min.js"></script>
    </head>
    <body>
        <table id="dataTbl">
            <tr>
                <td><input type='checkbox' id='chkVerify' name='chkVerify' value='Item1'></td>
                <td>Item 1</td>
            </tr>
            <tr>
                <td><input type='checkbox' id='chkVerify' name='chkVerify' value='Item2'></td>
                <td>Item 2</td>
            </tr>
            <tr>
                <td><input type='checkbox' id='chkVerify' name='chkVerify' value='Item3'></td>
                <td>Item 3</td>
            </tr>
        </table>
        <button type="button" class="deletebutton" name="delete_video" title="Show Selected Value" onclick="DelRow();">Show Selected Value</button>

        <script>
            function DelRow(){
                var checkboxValArry=[];
                var $chkbox_checked    = $('tbody input[type="checkbox"]:checked', '#dataTbl');
                 if($chkbox_checked.length === 0){
                    alert("No Row Selected");
                 }

                 else{
                    var checkedBox = $('#chkVerify:checked');
                        for (var i=0; i<checkedBox.length; i++){
                            var valueSelected = $('#chkVerify:checked').val();
                            checkboxValArry = valueSelected.push();
                            alert(checkboxValArry);
                        }

                 }

            }
        </script>
    </body>
</html>

Anik Islam Abhi · Accepted Answer · 2015-12-10 02:18:32Z

1

valueSelected is a string .

Push is only for array.

Moreover your are not pushing element correctly.

Try like this

checkboxValArry.push(valueSelected);
console.log(checkboxValArry);

EDIT

Your data retrive part is wrong

Try like this

var checkboxValArry=[];
$('#chkVerify:checked').each(function(){
   checkboxValArry.push($(this).val());
})
console.log(checkboxValArry);

edited Dec 10, 2015 at 2:18

answered Dec 10, 2015 at 2:10

Anik Islam Abhi

25.4k8 gold badges61 silver badges82 bronze badges

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

6 Comments

Nur Wafiqa Over a year ago

Thanks.. It works.. But the value returns is incorrect.. If I click on Item 1 and Item 2, the value in the array should be Item1, Item2.. But It returns Item1, Item1

Anik Islam Abhi Over a year ago

@NurWafiqa i have updated my answer .. just use .each instead of for loop

Nur Wafiqa Over a year ago

Okay. Thanks.. I will give a try

Nur Wafiqa Over a year ago

Yes.. It Works.. Thanks A lot

Anik Islam Abhi Over a year ago

@NurWafiqa id must be unique .. you should use class for mutiple name instead of mutiple same id

|

Shyju · Accepted Answer · 2015-12-10 02:19:04Z

1

You may simply use jQuery map method to do all the heavy lifting for you.

if($chkbox_checked.length === 0){
     alert("No Row Selected");
}
else
{       
      checkboxValArry = $chkbox_checked.map(function(){
                               return this.value;
                        }).get();;
      console.log(checkboxValArry);                  
}

Here is a working sample

Also, i noticed that you have same id value for more than one checckbox. That is invalid. You should keep unique id values.

answered Dec 10, 2015 at 2:19

Shyju

220k106 gold badges421 silver badges499 bronze badges

Collectives™ on Stack Overflow

Insert Value Of Selected Radio Button in Array

2 Answers 2

6 Comments

Comments

Your Answer

Hot Network Questions

Collectives™ on Stack Overflow

2 Answers 2

6 Comments

Comments

Your Answer

Sign up or log in

Post as a guest

Related