Question

我对Give插件中的两个单选按钮有以下代码：

<li class="give-gateway-option-selected">
  <input type="radio" name="payment-mode" class="give-gateway" 
     id="give-gateway-offline-987-1" value="offline">
  <label for="give-gateway-offline-987-1" 
    class="give-gateway-option" id="give-gateway-option-offline">
    Credit Card
  </label>
</li>
<li>
   <input type="radio" name="payment-mode" class="give-gateway" id="give- 
      gateway-paypal-987-1" value="paypal">
   <label for="give-gateway-paypal-987-1" class="give-gateway-option" 
      id="give-gateway-option-paypal"> PayPal
   </label>
</li>

如果选中单选按钮，则会添加一个类。假设我选中了“信用卡”选项。添加了以下类：

<li class="give-gateway-option-selected">
<input type="radio" name="payment-mode" class="give-gateway" 
id="give-gateway-offline-987-1" value="offline">
<label for="give-gateway-offline-987-1" 
class="give-gateway-option" id="give-gateway-option-offline"> Credit Card</label>
</li>

我需要编写一些javascript / jQuery来检查是否已选中“信用卡”单选框，然后重定向到特定的URL。但是我不能使用

if ($('#give-gateway-offline-987-1').is(':checked'))) { //redirect code }

因为没有将'checked'值添加到<input>中，而是将一个类添加到了<li>标签中。如何检查是否已添加该类，然后运行重定向？

Answer 1

：checked选择器确实适用于单选按钮，请参见此处：https://api.jquery.com/checked-selector/

如果您确实需要使用类方法，请检查父jquery方法是否保持如下所示的结构：

if($('#give-gateway-offline-987-1').parent().hasClass('give-gateway-option-selected')) {
    //redirect
    window.location.href = 'http://www.google.com';
}

选择单选按钮时，检查是否已将课程添加到<li>

1 个答案: