<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
0
A
답변
0
당신이 할 수있는 무엇 :
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)">
0
<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>
0
이 당신이 찾고있는 무엇인가?
<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>
0
<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>
관련 문제
- 1. 체크 박스를 클릭 한 후 텍스트 필드 사용
- 2. 클릭 한 체크 박스를 확인하십시오.
- 3. 체크 박스를 클릭 한 후 체크 박스를 체크 표시/체크 해제하지 않습니다.
- 4. 체크 한 후 체크 박스를 비활성화하십시오.
- 5. 녹아웃 체크 박스를 클릭
- 6. 클릭 후 테이블에서 체크 박스를 토글합니다.
- 7. listview의 체크 박스를 클릭 한 활동을 알립니다.
- 8. JQuery에서 클릭 한 체크 박스를 얻는 방법
- 9. 버튼을 클릭 한 후 텍스트 상자를 계산합니다.
- 10. Jquery/ajax/php 체크 박스를 클릭 한 후 데이터를 텍스트 필드에로드하십시오.
- 11. 체크되지 않은 체크 박스를 체크 전환 텍스트/
- 12. 체크 박스를 체크 검증
- 13. 텍스트를 슬레이브 텍스트 영역에 넣고 체크 박스를 넣은 후 마스터 체크 박스를 선택하십시오.
- 14. 저장 후 체크 박스를 선택하려면
- 15. 하나의 체크 박스를 체크하고 다른 체크 박스를 체크하지 않음
- 16. 체크 박스를 설정 한 프로그램과 체크 박스를 클릭하는 사용자를 구별하십시오.
- 17. 사용자가 체크 한 체크 박스를 체크하지 않음
- 18. 텍스트 상자를 클릭 할 때 체크 박스를 선택하십시오. (JavaScript?)
- 19. 체크 박스를 기반으로 한 쿼리
- 20. 텍스트 상자가 .. 라디오 버튼 체크
- 21. JQueryUI 체크 박스를 클릭 할 수 없습니까?
- 22. JQuery와 : 확인하는 방법/체크 박스를 클릭
- 23. 클릭 레이블이 React에서 체크 박스를 클릭하지 않습니까?
- 24. JQuery와 검증 및 체크 박스를 클릭 기능
- 25. 체크 박스를 기반으로 한 드롭 다운 표시
- 26. 로그인 후 경고 대화 상자가 나타납니다.
- 27. jQuery는 체크 박스를 한 번만 실행합니다.
- 28. 체크 박스를 기반으로 한 파일 다운로드
- 29. 확인한 후 하나의 체크 박스를 사라지게하는 방법
- 30. 체크 박스를 JavaScript로 변경 한 후 차트 업데이트
텍스트 숨기기를 취소/자바 스크립트 또는 JQuery와 숨기기를 할 쓰기 – Prathyush