Warning: file_get_contents(/data/phpspider/zhask/data//catemap/3/html/71.json): failed to open stream: No such file or directory in /data/phpspider/zhask/libs/function.php on line 167

Warning: Invalid argument supplied for foreach() in /data/phpspider/zhask/libs/tag.function.php on line 1116

Notice: Undefined index: in /data/phpspider/zhask/libs/function.php on line 180

Warning: array_chunk() expects parameter 1 to be array, null given in /data/phpspider/zhask/libs/function.php on line 181
Javascript增量和类_Javascript_Html_Css - Fatal编程技术网

Javascript增量和类

Javascript增量和类,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

尝试交换类,使增量的输出不再隐藏,并且在选中复选框时,仅增量为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.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。如果您能接受这个答案,那将是非常感谢的,因为我的声誉越来越差。