html - Javascript Increment And Class -

html - Javascript Increment And Class -

trying swap class output of increments no longer hidden, , have increment 1 when checkbox selected.

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>

see fiddle here: http://jsfiddle.net/dfprp/430/

here go.

<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>

http://plnkr.co/edit/zd6wexm2sqbtyh11eixj?p=preview

javascript html css