ラジオボタンをオンにすると、asp.netのテキストボックスが有効になります

Question

同じグループに属する2つのラジオボタンがあります。 asp netラジオボタンは通常の入力タイプのラジオボタンではありません。

最初のラジオボタンが選択されている場合は、その横のテキストボックスが有効になります。それ以外の場合は無効になります。 私はJQUERYを使用している入力タイプのラジオボタンでそれを見ました。これまで私は自分のasp.netコントロールにそのコードを適応させることができませんでした。

私はそれが必要2 javascriptとコードの背後にありません。

アドバイスはありますか？

ありがとうございました！第二のラジオボタンが選択されている場合は、ここで

は（コンクユーザー）私のコード

<table> 
<tr> 
    <td> 
           <asp:RadioButton ID="SiteLicenseRBN" runat="server" Checked="True" 
            GroupName="users" resourcekey="SiteLicenseRBN" 
            Text="Site License" TextAlign="Left" Font-Bold="True" /> 
          </td> 

          <td> 
           <asp:RadioButton ID="ConcUsersRBN" runat="server" GroupName="users" 
            Text="Conc. Users" TextAlign="Left" 
            resourcekey="ConcUsersRBN" Font-Bold="True" 
            /> 
           <asp:TextBox ID="nuserstbx" runat="server" Enabled="False" 
            Width="71px"></asp:TextBox> 
          </td> 
</tr> 
</table> 

あり、その後、nuserstbxは、それが無効にする必要がありそうでない、有効にする必要があります。

Answer 1

これは簡単な基本的な例です。すべてのテキストボックスは無効です。しかし、最初のラジオボタンをクリックすると、その横のtexboxがアクティブになります。

HTML

<span id="radiobutt"> 
    <input type="radio" name="rad1" value="1" /> 
    <input type="text" id="textbox1" disabled="disabled"/> 
    <br/> 
    <input type="radio" name="rad1" value="2" /> 
    <input type="text" id="textbox2" disabled="disabled"/> 
    <br/> 
    <input type="radio" name="rad1" value="3" /> 
    <input type="text" id="textbox3" disabled="disabled"/> 
</span> 

Javascriptを

$$("#radiobutt input[type=radio]").each(function(i){ 
    $(this).click(function() { 
     if(i==0) { 
       $("#textbox1").removeAttr("disabled"); 
       $("#checkbox1").removeAttr("disabled"); 
     } 
     else { 
       $("#textbox1").attr("disabled", "disabled"); 
       $("#checkbox1").attr("disabled", "disabled"); 
     } 
     }); 
    }); 

それとも、ここで働い例

http://jsfiddle.net/fqueT/1/

Answer 2

Somethiを表示することができますこのようなNG：

<form name="myform"> 
<input type="radio" name="radios" onclick="rtest(this)" value="R1"/> 
<input type="text" disabled="disabled" name="t1"/> 

<input type="radio" name="radios" onclick="rtest(this)" value="R2"/> 
<input type="text" disabled="disabled" name="t2"/> 

<input type="radio" name="radios" onclick="rtest(this)" value="R3"/> 
<input type="text" disabled="disabled" name="t3"/> 
</form> 

<script> 
function rtest(r){ 
    var allinputs = document.myform.elements; 
    for(var i=0; i < allinputs.length; i += 1){ 
     if (allinputs[i].type === "text"){ 
      if (allinputs[i].previousElementSibling.checked){ 
       allinputs[i].removeAttribute("disabled"); 
      }else{ 
       allinputs[i].disabled = "disabled"; 
      } 
     } 
    } 
} 
</script> 

http://jsfiddle.net/HjLeH/