Question

好像我遇到了奇怪的问题....似乎很简单（对某些人来说非常微不足道）但是根本不起作用。

我有一个带有一些收音机的简单div，点击后根本不会改变状态...

    <div id="payments_tab" class="tab-pane fade" data-toggle="tab" role="tabpanel" >
    <div class="container" >
    <div class="form-group field-space">
        <div class="col-md-2"  >
        <label for=""> Price per day (default) </label>
        <input type=text size=3 name="prop_price" id="prop_price" value =" <?php echo $home["price"];?>"  
            onkeyup="calculateCost();" class="form-control input-md"   />

        </div>
        <div class="col-md-3">
             <label for="prop_adv_payment_share">Advance Payment expected (%)  </label>
             <select  type="choice" id="prop_adv_payment_share" name="prop_adv_payment_share"  onchange="calculateCost();"  class="form-control input-md" > 
                <option id=1 value="0.1" >10%</option>
                <option id=2 value="0.15">15%</option>
                <option id=3 value="0.2">20%</option>
                <option id=4 value="0.25">25%</option>
                <option id=5 value="0.30">30%</option>
                <option id=6 value="0.33">33%</option>
                <option id=7 value="0.4">40%</option>
                <option id=8 value="0.45">45%</option>

            </select>
        </div>

    </div>  
    <div class="form-group field-space">
        <div class="col-md-10 field-space"  >
        <label   > Balance amount to be paid as cash on arrival at the property ? </label><br/>
            <input type="radio"     name="balance_payment" value="1" <?php  if ( $home["cashOnArrival"] ) echo "checked"; ?> 
             id="balance_payment_yes" ><label for="balance_payment_yes" >Yes</label>

            <input type="radio"     name="balance_payment" value="0" <?php  if ( !$home["cashOnArrival"] ) echo "checked"; ?>
             id="balance_payment_no"    ><label for="balance_payment_no" > No</label>

        </div>
    </div>

</div>
</div>

到目前为止，我检查了以下内容： 1）所有单选按钮的确保名称标签相同 2）包含标签，标签对应相关的单选按钮 3）每个收音机都有一个id

我错过了什么.....？

Answer 1

终于找到了答案。问题出在data-toggle =＆＃34; tab＆＃34;设置第一个DIV。删除此标记后，一切正常。

希望这可以帮助有类似问题的人。

仍然，不确定为什么这个Bootstrap属性应该与核心html元素的行为混淆......如果有人可以对此有所了解，那就太棒了....

点击时单选按钮不工作/更改

1 个答案: