dynamic name for an input with jQuery

Question

I have an issue with automatic name for input, I'll try to explain what i need to do. i have an id, that I get it from an external function. I need to use this numeric id to create another function like that.

var id = 10;  // this is the id (from external function)
var value = "n"+bar.toString(); // (I try to cast the id as string) 
$("input[name="+value+"]").on('change', function() { // use the cast value to name my input.
  alert($("input[name="+value+"]:checked", "#myForm").val()); 
});

When I try to do that I get undefined, but when I change the id like that var id ="10" I get the correct answer, but I have a numeric input. Please help me figure out how to solve this problem.

i did't see you cast the id to string. bar.toString(); should be id.toString(); and what is n for?? — Norlihazmey Ghazali
– Norlihazmey Ghazali, Commented Mar 24, 2015 at 11:06
How about var value = "n" + 10; There's no need to do toString() — Molda
– Molda, Commented Mar 24, 2015 at 11:11

lshettyl · Accepted Answer · 2015-03-24 11:31:52Z

2

Did you want something like this? This is based on an assumption that you have checkboxes within a form!

var ids = [10, 20, 30, 11, 12];
$.each(ids, function(index, val) {
    var id = val;
    var value = "n" + id; // `.toString` is not required!
    $("#myForm").find("input[name='"+value+"']").on('change', function() {
        if ($(this).is(":checked")) {
            alert( $(this).val() );
        }
    });
});

<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script>
<form id="myForm">
    <input type="checkbox" name="n10" value="10" />
    <input type="checkbox" name="n11" value="11" />
    <input type="checkbox" name="n12" value="12" />
</form>

edited Mar 24, 2015 at 11:31

answered Mar 24, 2015 at 11:23

lshettyl

8,1815 gold badges27 silver badges31 bronze badges

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

2 Comments

nedal jedidi Over a year ago

can u use that inside a loop and show it to me , for exemple array {10,20,30} and iterate all the code and each time put the value in id and see if you can manage handle all the checkboxes ?

lshettyl Over a year ago

Edited my answer. Take a look.

Rohit Rehan · Accepted Answer · 2015-03-24 11:12:06Z

2

use this code no need for id.toString()

var id = getId();  // this is the id (from externel function)
var value = "n" + id;
$("input[name="+value+"]").on('change', function() {
    alert($("input[name="+value+"]:checked").val());  //change this selector accordingly
});

function getId() {
    return 10;
}

here is the fiddle https://jsfiddle.net/rrehan/srhjwrz4/

answered Mar 24, 2015 at 11:12

Rohit Rehan

5701 gold badge4 silver badges19 bronze badges

Comments

Amit · Accepted Answer · 2015-03-24 11:21:24Z

0

Try below code:

var id = 10;  // this is the id (from externel function)
              var value = id.toString(); // (i try to cast the id as string) 
            console.log(value);
            $("input[name="+value+"]").on('change', function() { // use the casted value to name my input.
                  alert($("input[name="+value+"]:checked", "#myForm").val()); 
                });

Demo Link

edited Mar 24, 2015 at 11:21

answered Mar 24, 2015 at 11:14

Amit

86710 silver badges18 bronze badges

1 Comment

nedal jedidi Over a year ago

i am using a loop i guess this why i have this problem ? no ? the externel ids are genereted from an array could this be the problem

Collectives™ on Stack Overflow

dynamic name for an input with jQuery

3 Answers 3

2 Comments

Comments

1 Comment

Your Answer

Hot Network Questions

Collectives™ on Stack Overflow

3 Answers 3

2 Comments

Comments

1 Comment

Your Answer

Sign up or log in

Post as a guest

Related