为什么我不能在jquery中获取这个单选按钮的状态？

Question

这段代码来自salesforce visualforce页面。

<div id="testId" class="row mb25 mt15">
    <div class="col-md-6 plr0">
        <p class="en">Would you like to add a co-applicant?<span class="asteriskField">*</span> </p>
        <p class="fr">Would you like to add a co-applicant?<span class="asteriskField">*</span> </p>
    </div>
    <div class="col-md-4 mt-5r">
        <apex:selectRadio id="innerTestId" value="{!client.Would_you_like_to_recieve_future_promo__c}" styleClass="radio">
            <div class="row">
                <div class="col-sm-6">
                    <div class="radio pa-cus">
                        <apex:selectOption itemLabel="Yes" itemValue="Yes"/>
                    </div>
                </div>
                <div class="col-sm-6">
                    <div class="radio pa-cus">
                        <apex:selectOption itemLabel="No" itemValue="No"/>
                    </div>
                </div>
            </div>
        </apex:selectRadio>
    </div>
</div>

当单击Submit按钮时，我需要一个JQuery脚本来检查天气，单选按钮被选中Yes或No，以便我可以执行一些自定义验证。我通过添加onhtml="validateInnerTestId（）；"到Submit按钮来调用这个函数。

我的问题是，我无法读取/检查单选按钮是否选择是或否或真或假。如果我能找出他们处于什么状态，那么我就可以做我的

这是我的目标

<script type="text/javascript">
<script>                                                                                 
    function validateInnerTestId()
    {
        if(innerTestId is Selected as Yes)
        {
            execute fucntionX()
        }
        else
        {
            execute functionY()
        }
    }
<script>  

以下是我如何尝试读取单选按钮值的一些示例：

警报（$（“#innerTestId”）.itemValue（） 此行不返回任何内容

警报（$（“#innerTestId”）.val（） 此行也不返回任何内容

而这个if-else总是返回no

if ($('innerTestId').is(':checked'))
{
    alert("yes");
}
else
{
    alert("no");
}

有人知道在这种情况下如何检查单选按钮吗？谢啦




Answer 1

VF标签使用动态id，您应该执行以下操作：

function validateInnerTestId(){
   if($('#{!component.innerTestId}').is(':checked')){
       execute fucntionX()
   }
   else{
       execute functionY()
   }
}

Answer 2

正如@Andrea在评论中提到的那样，您只是忘记了选择器中的#。下面有一个简单的示例演示了该用法。如果您的代码仍然无法工作，我们将需要更多信息。

• 您确定正在调用ValidateInertestId（）吗

$('#doit').on('click',function() {
  var str = "";
  if ($('#test').is(':checked')) {
    str += "Toggle checked? YES\n"
  } else {
    str += "Toggle checked? NO\n"
  }
  
  
  if ($('#option1').is(':checked')) {
    str += "Option checked: 1";
  } else if ($('#option2').is(':checked')) {
    str += "Option checked: 2";
  } else {
    str += "Option checked: NONE";
  }
  
  alert(str);
});

html lang-html prettyprint-override"><script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script>
<div>
  <input id="test" name="toggle" type="checkbox" value="" />
  <label for="toggle">Toggle</label>
</div>
<div>
  <input type="radio" id="option1" name="options" value="1">
  <label for="option1">Option 1</label>

  <input type="radio" id="option2" name="options" value="2">
  <label for="option1">Option 2</label>
</div>
<br />

<input id="doit" type="button" name="test" value="Tell me!" />