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);
 });

Answer 2

您的ID名称错误：

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

需要：

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

Answer 3

您在最终点击功能上的ID错误

$("#mobileno").prop("checked", false);

应该是：

$("#tomobile").prop("checked", false);

继承人Fiddle

Jquery没有使用Bootstrap单选按钮

3 个答案: