Question

这是我的HTML，我有两个单选按钮。默认的选中按钮是“租约”按钮。

   <input 
    id="quotation_request_payment_option_lease"
    class="choose_payment_option"
    name="quotation_request[payment_option]"
    type="radio"
    value="lease"
    checked="checked">
   <input 
    id="quotation_request_payment_option_finance"
    class="choose_payment_option"
    name="quotation_request[payment_option]"
    type="radio"
    value="finance">

我想要做的是，当选中租赁按钮时，将“租约”打印到控制台。选中“财务”时，将“财务”打印到控制台。我尝试了各种各样的事情无济于事。

这不起作用：

   $(document).ready(function() {
     $('input[type=radio[name='quotation_request[payment_option]']').change(function() {
    if (this.value == 'lease') {
        console.log("lease");
    }
    else if (this.value == 'finance') {
        console.log("finance");
    }
});
});

Answer 1

$(document).ready(function() {
  $(":radio[name='quotation_request[payment_option]']").change(function() {
    if (this.value == 'lease') {
      console.log("lease");
    } else if (this.value == 'finance') {
      console.log("finance");
    }
  });
});

<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script>
<input id="quotation_request_payment_option_lease" class="choose_payment_option" name="quotation_request[payment_option]" type="radio" value="lease" checked="checked"/>
<input id="quotation_request_payment_option_finance" class="choose_payment_option" name="quotation_request[payment_option]" type="radio" value="finance" />

如上所述更改选择器。
您可以使用:radio选择单选按钮

Answer 2

您可以直接将所选值写入控制台。对CSS选择器使用单引号和双引号的组合。

＆＃13;

$("input[type=radio][name='quotation_request[payment_option]'").change(function() {
  console.log($(this).val());
});

＆＃13;

<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script>
<input id="quotation_request_payment_option_lease" class="choose_payment_option" name="quotation_request[payment_option]" type="radio" value="lease" checked="checked">
<input id="quotation_request_payment_option_finance" class="choose_payment_option" name="quotation_request[payment_option]" type="radio" value="finance" checked="checked">

＆＃13;

Answer 3

运行代码段以查看控制台中的更改

$('input[type=radio]').change(function() { 
console.log( $(this).val() ); 
  });

<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script>
<input 
    id="quotation_request_payment_option_lease"
    class="choose_payment_option"
    name="quotation_request[payment_option]"
    type="radio"
    value="lease"
    checked="checked">
   <input 
    id="quotation_request_payment_option_finance"
    class="choose_payment_option"
    name="quotation_request[payment_option]"
    type="radio"
    value="finance"
    checked="checked">

Answer 4

在html复选框中添加以下触发器

onchange="myFunction(this)"

和我的功能

function myFunction(element)
{
   //do stuff
}

这个怎么样

Answer 5

您的CSS选择器导致问题尝试使用：

$("input[name='quotation_request[payment_option]']").change(function() {
...
}

Answer 6

你的jquery选择器错了。它应该是

$("input[type='radio'][name='quotation_request[payment_option]']").change(function(){    
    var value = $(this).val()    
    if(value == "lease") {    
        console.log(value);    
    } else if(value == "finance") {    
        console.log(value);    
    }
});

检查单选按钮时触发操作

6 个答案: