チェックボックスをクリックした後、テキストボックスが表示されます

Question

<script type="text/javascript" language="javascript"> 
function enabletxt(){ 
    document.getElementById("chkAssociation").innerHTML="<input type='text' value=''>" 
} 
</script> 
Hobbies: <input type="checkbox" name="hobbies" value="Dancing">Dancing 
<input type="checkbox" name="hobbies" value="Painting">Painting 
<input type="checkbox" name="hobbies" value="Others" onChange="javascript:enabletxt();" ID="chkAssociation" runat="server" />Others 

Answer 1

あなたは何ができるか：

function enableText(checkBox) { 
    if (checkBox.nextSibling.tagName != 'INPUT') { 
     var input = document.createElement('input'); 
     input.type = "text"; 
     checkBox.parentNode.insertBefore(input, checkBox.nextSibling); 
    } 
} 

と

<input type="checkbox" name="hobbies" value="Dancing" onchange="enableText(this)"> 

Answer 2

<input type="checkbox" name="hobbies" value="Dancing">Dancing 
    <input type="checkbox" name="hobbies" value="Painting">Painting 
    <input type="checkbox" name="hobbies" value="Others" onclick="OnChangeCheckbox (this)"ID="chkAssociation"/>Others 
    <input type="textbox" Id="txtToggle" style="display:none"/> 
    <script type="text/javascript"> 
    function OnChangeCheckbox (checkbox) { 
     if (checkbox.checked) { 
      document.getElementById('txtToggle').style.display="block"; 
     } 
     else { 
      document.getElementById('txtToggle').style.display="none"; 
     } 
    } 
    </script> 

Answer 3

が、これはあなたが探しているものですか？

<script type="text/javascript"> 
    function toggleOtherTextboxVisible() 
    { 
     var check = document.getElementById('OtherCheckBox'); 
     if (check.checked) { 
      document.getElementById('OtherTextBox').style.display = 'block'; 
     } 
     else 
      document.getElementById('OtherTextBox').style.display = 'none';     
    } 
</script> 
<div> 

    <input id="OtherCheckBox" type="checkbox" value="Others" onchange="javascript:toggleOtherTextboxVisible()" />Others 
    <input id="OtherTextBox" type="text" style="display:none" /> 

</div> 

Answer 4

<script type="text/javascript"> 
     function enabletxt(){ 
     if(document.getElementById('chkAssociation').checked) { 
      $('#chkAssociation2').html('<input type="text" value="">'); 
     }else{ 
      $('#chkAssociation2').html(''); 
     } 
     } 
    </script> 
    <input type="checkbox" name="hobbies" value="Dancing">Dancing 
    <input type="checkbox" name="hobbies" value="Painting">Painting 
    <input type="checkbox" name="hobbies" value="Others" onChange="javascript:enabletxt();" ID="chkAssociation" runat="server" />Others 
    <div id= "chkAssociation2"></div>