Radio Button Value with Javascript

Question

I am fetching data from MySQL using Javascript. I looked and tried everything (from id, from class, from name) to get the selected value from radio button, but without success.

I tried all these options but nothing works..

$('.action').val(data.action); 

$('#action').val(data.action); 

$("input[name='action']:checked").val(data.action);

Here is the piece of my HTML code..

 <form method="post" id="insert_form">
  <div class="form-group">

    <div class="form-group">
      <div class="form-check form-check-inline">
        <label for="action">ACTION: &nbsp; &nbsp;</label>
          <label class="form-check-label">
            <input type="radio" name="action" value="buy" class="form-check-input action"> Buy
          </label>

          <label class="form-check-label">
            <input type="radio" name="action" value="sell" class="form-check-input action" > Sell
          </label>
        </div>
          <input type="submit" name="insert" id="insert" value="Insert" class="btn btn-primary" /> 
      </div>
  </form>
  </div>

... and here is the piece of my Javascript code..

  $(document).on('click', '.edit_data', function(){  
       var signal_id = $(this).attr("id");  
       $.ajax({  
            url:"fetch.php",  
            method:"POST",  
            data:{signal_id:signal_id},  
            dataType:"json",  
            success:function(data){
                $('#pair').val(data.pair);  
                $('#entry').val(data.entry);
                //$('.action').val(data.action); 
                $("input[name='action']:checked").val(data.action); 
                $('#direction').val(data.direction); 
                $('#t_p').val(data.t_p);
                $('#s_l').val(data.s_l);
                $('#add_analysis').val(data.add_analysis);  
                $('#notes').val(data.notes);   
                $('#signal_id').val(data.id);  
                $('#insert').val("Update"); 
                $('#add_data_Modal').modal('show');  

            }  
       });  
  });

Possible duplicate of How can I know which radio button is selected via jQuery? — Sean
– Sean, Commented Dec 11, 2017 at 4:40
What is .edit_data here? I can not see this class anywhere in your html code. — Himanshu Upadhyay
– Himanshu Upadhyay, Commented Dec 11, 2017 at 4:41
@Himanshu Upadhyay button <input type='button' name='edit' value='Edit' id='$id' class='btn btn-info btn-xs edit_data' />.. I think that the problem is in radio buttons, because other values are fetched ! — mactron
– mactron, Commented Dec 11, 2017 at 4:46
@Pete But that code is not present in your question. So you either gave us pseudo code(not the real thing), or you are targeting html that doesn't exist. — Daedalus
– Daedalus, Commented Dec 11, 2017 at 4:47
Are you trying to set values on radio btns or you are trying to get the value on your radio btns? — Eddie
– Eddie, Commented Dec 11, 2017 at 4:49

Eddie · Accepted Answer · 2017-12-11 04:57:06Z

1

Based on what I understand, you are trying to set the values on the radio buttons based on the result/response from ajax/MySQL.

This is how $('input:radio').prop('checked',true); to set if radio button is selected or not.

$(document).ready(function(){
	//temporary code
	var action = 1;
				
	if ( action == 1 ) $('input:radio[value=buy]').prop('checked',true);
	else $('input:radio[value=sell]').prop('checked',true);
});

<script src="https://ajax.googleapis.com/ajax/libs/jquery/3.2.1/jquery.min.js"></script>
<input type="radio" name="action" value="buy" class="form-check-input action"> Buy
<input type="radio" name="action" value="sell" class="form-check-input action"> Sell

edited Dec 11, 2017 at 4:57

answered Dec 11, 2017 at 4:51

Eddie

26.8k6 gold badges39 silver badges59 bronze badges

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

Collectives™ on Stack Overflow

Radio Button Value with Javascript

1 Answer 1

Comments

Your Answer

Linked

Hot Network Questions

Collectives™ on Stack Overflow

1 Answer 1

Comments

Your Answer

Sign up or log in

Post as a guest

Linked

Related