jQuery的不引導單選按鈕的工作

你好我的一切形式像jQuery的不引導單選按鈕的工作

<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>

我已經writtent像

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

jQuery代碼此代碼只工作了文本框。它啓用或禁用文本框，但不取消單選按鈕。

來源

2014-01-29 Lalit Chattar

如果你設置的名稱=「」屬性的兩個單選按鈕的值相同，那麼只有一個可以在同一時間檢查。如果你這樣做，那麼你的jQuery可以看起來像：

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

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

來源

2014-01-29 22:17:18 mcolo

你的ID名是錯誤的：

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

需要是：

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

來源

2014-01-29 22:11:59 Samsquanch

你最終點擊功能ID是錯誤的

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

應該是：

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

繼承人Fiddle

來源

2014-01-29 22:12:05

jQuery的不引導單選按鈕的工作

回答

相關問題