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.

Answer 1

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/

Answer 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> 

Answer 3

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