Jquery 无法与 Bootstrap 单选按钮一起使用

Question

大家好，我有这样的表格

    <form class="form-inline">
         <div class="row" style="margin-left: 6px;">
             <label class="radio-inline" style="margin-left: 10px;">
             <input class="radio" type="radio" name="alluser" id="alluser" value="option1" checked="chacked" />
             All </label>
             <div class="form-group">
                 <label for="inputStandard" class="col-lg-2 control-label">
                     <input class="radio" type="radio" name="tomobile" id="tomobile" value="option2"  />
                 </label>
                 <div class="col-lg-10">
                    <input type="text" id="mobileno" name="mobileno" class="form-control" placeholder="Mobile Number" disabled="disabled" />
                 </div>
             </div>
        </div>
    <form>

我写了类似的 Jquery 代码

jQuery(document).ready(function() {

     $("#tomobile").click(function(){
        $("#alluser").prop("checked", false);
         $("#mobileno").attr("disabled", false);
         $("#tomobile").attr("checked", "checked");
     });

      $("#alluser").click(function(){
         $("#mobileno").attr("disabled", true);
         $("#mobileno").prop("checked", false);
     });
});

此代码仅适用于文本框。它启用或禁用文本框，但不会取消选中单选按钮。

Answer 1

如果将两个单选按钮的 name=""属性设置为相同的值，则一次只能选中一个。如果你这样做，那么你的 jquery 可能看起来像:

 $("#tomobile").click(function(){
     $("#mobileno").attr("disabled", false);
 });

 $("#alluser").click(function(){
     $("#mobileno").attr("disabled", true);
 });