复选框启用/禁用文件上载。如果未选中复选框,则记录中的文件将被删除

时间:2015-07-29 21:32:14

标签: javascript html

抱歉,现在我还有另一个问题:如果取消选中该复选框,我希望记录中的文件保留,但每次提交后文件都会从数据库中删除。有人可以帮忙吗?我的代码在[JSFiddle](jsfiddle.net/sc6ksu0m/87)87

1 个答案:

答案 0 :(得分:0)

我找到了解决问题的方法。我不知道这是否是最好的解决方案,但它是按我想要的方式工作的。 这是代码:

HTML CODE:

Abstract: 
<br>
<input name="abstract" type="text" size="40" class="style5" value="<? echo "$info[abstract]";?>"/  >
<label>
<input type="checkbox" id="confirm">
</label>
<input name="abstract" type="file" id="abstract" size="30" class="style5" disabled / onchange="ValidateSingleInput(this);">
<br>
<span class="formnotes">(Current value)</span> <br> 
<br> 

Previous Paper or Poster: 
<br> 
<input name="poster" type="text" size="40" class="style5" value="<? echo "$info[poster]";?>"/>

<label>
<input type="checkbox" id="confirmp">
</label>
<input name="poster" type="file" id="poster" size="30" class="style5" disabled / onchange="ValidateSingleInput(this);">
<br> 
<span class="formnotes">(Current value)</span>
<br>

Resume: 
<br> 
<input name="resume" type="text" size="40" class="style5" value="<? echo "$info[resume]";?>"/>

<label>
<input type="checkbox" id="confirmr">
</label>
<input name="resume" type="file" id="resume" size="30" class="style5" disabled / onchange="ValidateSingleInput(this);">
<br> 
<span class="formnotes">(Current value)</span> <br> 

这是JavaScrip Code:

<script language="JavaScript">
window.onload = function() {
var checker = document.getElementById('confirm');
var sbm_abstract = document.getElementById('abstract');
var checkerp = document.getElementById('confirmp');
var sbm_poster = document.getElementById('poster');
var checkerr = document.getElementById('confirmr');
var sbm_resume = document.getElementById('resume');


checker.onchange = function () {
if(this.checked) {
    sbm_abstract.disabled = false;
} 
else {
    sbm_abstract.disabled = true;

}
} ;



checkerp.onchange = function () {
if(this.checked) {
    sbm_poster.disabled = false;
} 
else {
    sbm_poster.disabled = true;

}
}; 

checkerr.onchange = function () {
if(this.checked) {
    sbm_resume.disabled = false;
} 
else {
    sbm_resume.disabled = true;

}
}; 

};      </script>