Question

我有以下功能，如果div可见，我会检查单选按钮按钮。

$(document).ready(function () {
  if ($('.paymentOption').not(':hidden')) {
    $("#showBank").prop("checked",false);
  } else {
     $("#showBank").prop("checked",true);
  }
});

目前下一个div没有显示，我不确定为什么我没有错误。

<div class="ccGateway">
  <h4>
    <input id="showBank" onclick="javascript:checkoutSwitch(true);controlDivPayment('[id]');" name="payment"
           type="radio" value="online-[id]"/>
    [payment_description]</h4>
  <p><img border="0" src="assets/images/banners/credit_cards.jpg" width="189" height="38"></p>
  <div class="clear"></div>
  <div id="divPaymentOption[id]" name="divPaymentOption" class="paymentOption" style="display:none;">
    <div class="desc-message">[payment_description_message]</div>
    <div class="ccgField">
      <label for="creditcardnumber">[CustomerInfo_creditcardnumber]</label>
      <input type="text" onchange="clearContent(this);" name="ff[id]_ocardno" size="30" class="txtBoxStyle"/>
      <img src="assets/templates/common/images/error2.gif" width="12" height="12" alt=""/>
      <div class="clear"></div>
    </div>
  </div>
</div>

Answer 1

你能看出这对你有帮助吗？运行代码段

（我包含一个取消标记单选按钮的按钮，然后在2秒后再次检查显示，只是为了证明它正常工作）

任何问题，请在评论中问我：D

$(document).ready(function(){

CheckIfdisplayNone = function(){
    if ($("[name='divPaymentOption']").css('display') != 'none'){
        $("#showBank").prop("checked",false);
    } else{
        $("#showBank").prop("checked",true);
    }
  }
  
  UnmarkRadio = function(){
    $("#showBank").prop("checked",false);
    setTimeout(function(){CheckIfdisplayNone();}, 2000);
  }
  
  CheckIfdisplayNone();
});

<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script>
<input id="showBank" onclick="javascript:checkoutSwitch(true);controlDivPayment('[id]');" name="payment" type="radio" value="online-[id]"/>
<h4>[payment_description]</h4>
<p><img border="0" src="assets/images/banners/credit_cards.jpg" width="189" height="38"></p>
<div class="clear"></div>
<div id="divPaymentOption[id]" name="divPaymentOption" style="display:none;">
    <div class="desc-message">[payment_description_message]</div>
    <div class="ccgField">
        <label for="creditcardnumber">[CustomerInfo_creditcardnumber]</label>
        <input type="text" onchange="clearContent(this);" name="ff[id]_ocardno" size="30" class="txtBoxStyle"/>
        <img src="assets/templates/common/images/error2.gif" width="12" height="12" alt=""/>
        <div class="clear"></div>
    </div>    
</div>
<button onClick='UnmarkRadio();' value="uncheck">uncheck</button>

如果div可见，则检查单选按钮

1 个答案: