单击复选框后,将出现一个文本框
after clicking on checkbox a text box will appear
<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
你能做的:
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)">
<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>
这是你要找的吗?
<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>
<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>
相关文章:
- 使用javascript将两个文本框值相加到表中的另一个文本框中
- 在文本上方标记另一个文本
- 如何通过 JS 将内容从一个表单中的一个文本框复制到另一个表单中的另一个文本框
- 使用Javascript从一个文本区域逐行解析.subsr(0,6)到另一个文本区
- 任何编写文本文件并将其替换为上一个文本文件的方法
- html或java脚本代码在硬盘中创建一个文本文件
- 当用户单击按钮(在光标位置)时,在输入字段中添加一个文本字符串
- 一个文本框,其中两个选项的值不同
- 在javascript中获取servlet值,并使用ajax将该值分配给一个文本框
- 如何从由“”分隔的字符串中提取最后一个文本|&”;
- 如何使用jquery对具有相同类的文本框的值求和并将其放入另一个文本框中
- 使用 jquery 将行值设置为另一个文本
- 从一个文本框执行代码,并在另一个文本框中以 HTML 显示输出
- 如何将文本插入到几个带有 id 的文本区域中的一个文本区域中
- 如何使用jQuery查找下一个文本区域
- jquery专注于asp.net mvc部分视图中的一个文本框
- 将数组中的数据作为段落添加到一个文本区域
- 当你有很多文本框时,如何从一个模态中只填充一个文本框
- Javascript/Php聊天-输入is'不能在一个文本框中工作
- 当文档准备就绪时,将数据从一个文本框复制到另一个