Javascript “基于显示隐藏表行”复选框
在本文中,我尝试根据复选框选择显示/隐藏包含文件输入的表行。但是没有调用showHide函数Javascript “基于显示隐藏表行”复选框,javascript,jquery,html,Javascript,Jquery,Html,在本文中,我尝试根据复选框选择显示/隐藏包含文件输入的表行。但是没有调用showHide函数 <div align="center" class="divBody"> <br /> <div id="controlHost"> <div id="outerPanel"> <table width="100%" cellpadding="2" cellspacing="5"> <tr
<div align="center" class="divBody">
<br />
<div id="controlHost">
<div id="outerPanel">
<table width="100%" cellpadding="2" cellspacing="5">
<tr align="left">
<td colspan="2">
<input type="checkbox" id="c1" onclick="showHide()">only Textbox</input>
</td>
</tr>
<tr align="left" id="fileLabel">
<td colspan="2">
<span class="message" >Select file</span>
</td>
</tr>
<tr align="left" id="fileBox">
<td valign="top" style="height:100%; width:70%;">
<input type="file" id="FileInput" multiple="false" class="fileInput" style="height:100%; width:100%;"/>
</td>
</tr>
<tr align="left">
<td colspan="2">
<span class="message" >Types</span>
</td>
</tr>
<tr>
<td>
<input type="text" id="txtTypes" tabindex="0" style="margin-left:1px;width:100%" maxlength="50" >
</td>
</tr>
<tr>
<td align="center">
<input type="button" id="upload" name="Upload" value="Update" onclick="startUpload('FileInput', 1048576, 'uploadProgress', 'statusMessage', 'upload', 'cancel');"
class="button" />
<input type="button" id="cancel" name="Cancel" value="Cancel" disabled="disabled"
onclick="cancelUpload();" class="button" />
</td>
</tr>
</table>
</div>
</div>
仅文本框
选择文件
类型
小提琴中有许多问题
onload
时,脚本将添加到window.onload=function(){//your code}
换行器中,使函数成为换行器函数的本地函数show()/hide()
这样的方法绑定到jQuery包装器对象
仅文本框演示:小提琴有多个问题
onload
时,脚本将添加到window.onload=function(){//your code}
换行器中,使函数成为换行器函数的本地函数show()/hide()
这样的方法绑定到jQuery包装器对象
仅文本框演示:从您的代码本身来看,很明显您缺少jQuery库(在fiddle中,我没有看到包含的库) 在jQuery中,您可以将其简化为
$('#fileLabel').show();
.show()/.hide()
是jQuery方法
像
从您的代码本身来看,很明显您缺少jQuery库(在fiddle中,我没有看到包含该库) 在jQuery中,您可以将其简化为
$('#fileLabel').show();
.show()/.hide()
是jQuery方法
像
函数是工作的,请在html的开头部分编写javascript
<head>
<script>
function showHide() {
alert('called');
var chbox = document.getElementById("c1");
var vis = "none";
for(var i=0;i<chboxs.length;i++) {
if(chbox.checked){
alert('checked');
document.getElementById('fileLabel').show();
document.getElementById('fileBox').show();
break;
}
else
{
alert('unchecked');
document.getElementById('fileLabel').hide();
document.getElementById('fileBox').hide();
break;
}
}
}
</script>
</head>
函数showHide(){
警报(“被呼叫”);
var chbox=document.getElementById(“c1”);
var vis=“无”;
对于(var i=0;i函数是work,请在html的开头部分编写javascript
<head>
<script>
function showHide() {
alert('called');
var chbox = document.getElementById("c1");
var vis = "none";
for(var i=0;i<chboxs.length;i++) {
if(chbox.checked){
alert('checked');
document.getElementById('fileLabel').show();
document.getElementById('fileBox').show();
break;
}
else
{
alert('unchecked');
document.getElementById('fileLabel').hide();
document.getElementById('fileBox').hide();
break;
}
}
}
</script>
</head>
函数showHide(){
警报(“被呼叫”);
var chbox=document.getElementById(“c1”);
var vis=“无”;
对于(var i=0;i在左面板框架和扩展中>第二个下拉集无换行
它将开始工作。在左侧面板中框架和扩展>第二个下拉设置无换行
它将开始工作。可能会有一些问题。但是如果在本地vs上运行相同的代码,则工作正常。可能会有一些问题。但是如果在本地vs上运行相同的代码,则工作正常。
<head>
<script>
function showHide() {
alert('called');
var chbox = document.getElementById("c1");
var vis = "none";
for(var i=0;i<chboxs.length;i++) {
if(chbox.checked){
alert('checked');
document.getElementById('fileLabel').show();
document.getElementById('fileBox').show();
break;
}
else
{
alert('unchecked');
document.getElementById('fileLabel').hide();
document.getElementById('fileBox').hide();
break;
}
}
}
</script>
</head>