How can get value form two input using jquery

Question

I have two input field :

 <input type="text" class="form-control input-td" name="getmark[]" id="getMark_<?php echo $i++?>"  required>
 <input type="text" class="form-control input-td" name="mcq[]" id="mcq_<?php echo $i++?>" required>

I am trying :

 $('input[id^="getMark_"]','input[id^="mcq_"]').on('change', function() {  
       var get_mark = this.value;
       var mcq      = this.value;

 });

i am not sure how can call $('input[id^="getMark_"]','input[id^="mcq_")

How can call two input filed .

try with classname, this id method looks messy, $('.form-control input-td:nth-chile(1)','form-control input-td:nth-chile(1)').on('change', function() { — Vishwa
– Vishwa, Commented Apr 12, 2019 at 8:46
i have many student data . so i need check getMark & mcq input field .this student pass or fail of this subject — proghasan
– proghasan, Commented Apr 12, 2019 at 8:51
You are not closing your second input properly. You forgot a '... Try like this: $('input[id^="getMark_"]','input[id^="mcq_"').on('change', function() { — mindmaster
– mindmaster, Commented Apr 12, 2019 at 8:54

Rahul · Accepted Answer · 2019-04-12 08:57:05Z

1

You have syntax error and input is a proper event for your situation

$('input[id^="getMark_"], input[id^="mcq_"').on('input', function() {  
		var mark = mcq = '';
    if($(this).attr("id").indexOf('getMark_') !== -1){
      mark = this.value;
    }else{
    	mcq = this.value
    }
		console.log(mark,mcq);
});

<script src="https://cdnjs.cloudflare.com/ajax/libs/jquery/3.3.1/jquery.min.js"></script>
<input type="text" class="form-control input-td" name="getmark[]" id="getMark_<?php echo $i++?>"  required>
 <input type="text" class="form-control input-td" name="mcq[]" id="mcq_<?php echo $i++?>" required>

It will get the change in the input textbox.

edited Apr 12, 2019 at 8:57

answered Apr 12, 2019 at 8:51

Rahul

18.6k7 gold badges43 silver badges64 bronze badges

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

2 Comments

proghasan Over a year ago

Your code work . Just change .on('input' to on('change ,

Rahul Over a year ago

Either way worked. You can take your call as per your requirement

maximelian1986 · Accepted Answer · 2019-04-12 09:00:09Z

1

For your code that will work:

$(document).on('change','input[id^=getMark_], input[id^=mcq_]', function() {  
       var get_mark = this.value;
       var mcq = this.value;
 });

So you don't need "" or '' inside attribute selector... But you have also logical error your get_mark and mcq variable will be always the same.

So you need two separate methods to get those variables, that would be better choise

$(document).on('change','input[id^=getMark_]', function() {  
           var get_mark = this.value;
     });

$(document).on('change','input[id^=mcq_]', function() {  
           var get_mark = this.value;
     });

If you need you can save them to global variables.

answered Apr 12, 2019 at 9:00

maximelian1986

2,5022 gold badges20 silver badges38 bronze badges

3 Comments

proghasan Over a year ago

i need check two input value tin real time . that this student pass or fail

maximelian1986 Over a year ago

Then you need to have some Submit button where you get and check those values at one...

proghasan Over a year ago

i have two input field mcq & getMark i need to check every mark pass or fail . if pass or fail then result show other input field

Devsi Odedra · Accepted Answer · 2019-04-12 09:00:41Z

0

You can do something like

 $(' input[name="getmark[]"], input[name="mcq[]"] ').on('change', function() {  
       var get_mark = $('input[name="getmark[]"]').val();
       var mcq      = $('input[name="mcq[]"]').val();
       
       console.log('get_mark', get_mark);
       console.log('mcq', mcq);

 });

<script src="https://cdnjs.cloudflare.com/ajax/libs/jquery/3.3.1/jquery.min.js"></script>
<input type="text" class="form-control input-td" name="getmark[]" id="getMark_<?php echo $i++?>"  required>
 <input type="text" class="form-control input-td" name="mcq[]" id="mcq_<?php echo $i++?>" required>

answered Apr 12, 2019 at 9:00

Devsi Odedra

5,3421 gold badge25 silver badges38 bronze badges

Comments

S Bonnet · Accepted Answer · 2019-04-12 09:31:11Z

Replace your html by :

  <div id='student_<?php echo $student_id; //$i++; ?>' class='student'>
  <input type="text" class="form-control input-td" class="getmark" name="getmark[]"    id="getMark_<?php echo $i++?>"  required>
  <input type="text" class="form-control input-td"  class="mcq"  name="mcq[]" id="mcq_<?php  echo $i++?>" required>
  <input type="text" class="form-control input-td" class="is_success" readonly>
 </div>

Repace your js by :

$('.getmark, .mcq').on('change', function() {  
   var get_mark = this.value;
   var mcq      = this.value;
  if(get_mark > 18)
    $(this).find('.is_success').val()='pass';
   else 
     $(this).find('.is_success').val()='fail';
});

To collect all of them :

function getallstudentmark()
{
arr_allstudents = new Array();

  $(.student).each(function (index, value) {
    obj_student = new Object();
    obj_student.id= $(this).attr('id');
    obj_student.get_mark = $(this).find('.getmark').val();
    obj_student.mcq = $(this).find('.mcq').val();
    obj_student.success = $(this).find('.is_success').val();
    arr_allstudents.push(obj_student);
  });
return arr_allstudents;
}

Collectives™ on Stack Overflow

How can get value form two input using jquery

4 Answers 4

2 Comments

3 Comments

Comments

Comments

Your Answer

Hot Network Questions

Collectives™ on Stack Overflow

4 Answers 4

2 Comments

3 Comments

Comments

Comments

Your Answer

Sign up or log in

Post as a guest

Related