Javascript增量和类
尝试交换类,使增量的输出不再隐藏,并且在选中复选框时,仅增量为1Javascript增量和类,javascript,html,css,Javascript,Html,Css,尝试交换类,使增量的输出不再隐藏,并且在选中复选框时,仅增量为1 input[type=text] {width:20px;background:none;border:0px;text-align:center;padding- left:3px;} p {font-weight:bold;} hr {margin:40px 0px;} .hiddenclass {display:none;} .class {display:initial;} if (document.getElem
input[type=text] {width:20px;background:none;border:0px;text-align:center;padding- left:3px;}
p {font-weight:bold;}
hr {margin:40px 0px;}
.hiddenclass {display:none;}
.class {display:initial;}
if (document.getElementById('return').checked) {
document.getElementById("pcount").className = "class";
var value = parseInt(document.getElementById('number').value, 10);
value = isNaN(value) ? 0 : value;
value++;
document.getElementById('number').value = value;
}
<form>
<input type="checkbox" id="return" value="Returned" />
<input type="button" value="Submit" />
</form>
<hr>
<p class="hiddenclass" id="pcount">
<input type="text" id="number" value="0" /></p>
input[type=text]{宽度:20px;背景:无;边框:0px;文本对齐:居中;填充-左:3px;}
p{字体大小:粗体;}
hr{margin:40px 0px;}
.hiddenclass{display:none;}
.class{display:initial;}
if(document.getElementById('return')。选中){
document.getElementById(“pcount”).className=“class”;
var value=parseInt(document.getElementById('number')。值,10);
值=isNaN(值)?0:值;
值++;
document.getElementById('number')。value=value;
}
请看这里的小提琴:给你
<form>
<input type="checkbox" id="return" value="Returned" onchange="f();" />
<input type="button" value="Submit" />
</form>
<hr>
<p class="hiddenclass" id="pcount">
<input type="text" id="number" value="0" />
</p>
<script>
function f() {
if (document.getElementById('return').checked) {
console.log('sdf');
document.getElementById("pcount").className = '';
document.getElementById("pcount").className = "class";
var value = parseInt(document.getElementById('number').value, 10);
value = isNaN(value) ? 0 : value;
value++;
document.getElementById('number').value = value;
}
}
</script>
函数f(){
if(document.getElementById('return')。选中){
console.log('sdf');
document.getElementById(“pcount”).className='';
document.getElementById(“pcount”).className=“class”;
var value=parseInt(document.getElementById('number')。值,10);
值=isNaN(值)?0:值;
值++;
document.getElementById('number')。value=value;
}
}
谢谢!我只是将复选框操作切换到提交按钮
@Jaz。如果您能接受这个答案,那将是非常感谢的,因为我的声誉越来越差。