2017-03-20 14 views
1

jQueryでラジオボタンのスイッチをオフ/オンにしようとしていますが、ラジオボタンがクリックを逃してしまうという問題があります。私はそれをクリックし、時々それはチェックされた値を変更し、時々そうではありません。実際に私はIEでそれがFirefoxでよりよく動作することを発見した(それは私がそれを一度だけ変えることを許可する)ASP.NETのJQueryとラジオボタン。クリックは登録されていません

私のマスターページを使用し、ラジオボタンは私のコンテンツページにある。 <asp:Content ...>のすぐ後ろに置いたコードはここにあります。私はまた私のjQueryのバージョンは私のHTMLコード

$(document).ready(function() { 
     $("#MainContent_statusActive").prop("checked", true); 

      $("#MainContent_statusActive").click(function() { 
       var s = $("#MainContent_statusActive").prop("checked"); 
       $("#MainContent_statusActive").prop("checked", !s); 
       $("#MainContent_txtName").val(!s); 
      }); 
... 
<input name="ctl00$MainContent$txtName" type="text" id="MainContent_txtName" class="form-control" /> 
<span class="radio-inline"><input id="MainContent_statusActive" type="radio" name="ctl00$MainContent$statusActive" value="statusActive" /><label for="MainContent_statusActive">Active</label></span> 

間違って何をする必要がありますあなたのアイデアを持っていますか1.10.2

<script type="text/javascript"> 
    $(document).ready(function() { 
     //set radio button ON 
     $("#<%=statusActive.ClientID%>").prop("checked", true); 

      //Assign click event to this specific radio button 
      $("#<%=statusActive.ClientID%>").click(function() { 

       //Get actual value of checked property and store it into local variable  
       var s = $("#<%=statusActive.ClientID%>").prop("checked"); 

       //If it was true set it to false and vice versa 
       $("#<%=statusActive.ClientID%>").prop("checked", !s); 

       //Tell me what value did you set 
       $("#<%=txtName.ClientID%>").val(!s); 

      }); 

     }); 
</script> 

あるブートストラップCSSを使用していますか?

答えて

関連する問題