使用Javascript的单选按钮值

时间:2017-12-11 04:38:31

标签: javascript jquery

我使用Javascript从MySQL获取数据。我查看并尝试了所有内容(来自id,来自class,来自name)以从单选按钮获取所选值,但没有成功。

我尝试了所有这些选项但没有任何作用..

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

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

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

这是我的HTML代码..

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

...这是我的Javascript代码..

  $(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');  

            }  
       });  
  });

1 个答案:

答案 0 :(得分:1)

根据我的理解,您尝试根据ajax / MySQL的结果/回复设置单选按钮上的值。

如果选择了单选按钮,这就是设置$('input:radio').prop('checked',true);的方式。

&#13;
&#13;
$(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);
});
&#13;
<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
&#13;
&#13;
&#13;