插入在窗體的文本框的值的onclick按鈕的使用JavaScript

//This is a Js Calculator Code 
<!Doctype html> 
<html> 
<head> 
    <title>Calculator</title> 
    <script> 
    function show(n) { 
    document.calform.screen.value = document.calform.screen.value + n; 
    } 
    function operation(op) { 
    document.calform.screen.value = document.calform.screen.value + op; 
    } 
    function equals() { 
    document.calform.screen.value=eval(document.calform.screen.value); 
    } 
    </script> 
</head> 
<body> 
    <center> 
    <form name="calform" style="width:200px;" method="post"> 
     <fieldset border="1px"> 
     <legend> Calculator</legend> 
     <input type="text" name="screen" /><br/><br/> 
     <button onclick="show('7')">7</button> 
     <button onclick="show('7')">8</button> 
     <button onclick="show('7')">9</button> 
     <button onclick="operation('+')">+</button><br/> 
     <button onclick="show('7')">4</button> 
     <button onclick="show('7')">5</button> 
     <button onclick="show('7')">6</button> 
     <button onclick="operation('-')">-</button><br/> 
     <button onclick="show('7')">3</button> 
     <button onclick="show('7')">2</button> 
     <button onclick="show('7')">1</button> 
     <button onclick="operation('*')">*</button><br/> 
     <button onclick="operation('/')">/</button> 
     <button onclick="operation('%')">%</button> 
     <button onclick="">=</button> 
     <button onclick="">C</button> 
     </fieldset> 
    </form> 
    </center> 
</body> 
</html>

這段代碼的問題是，它插入一個按鈕的onclick事件在窗體的文本字段的值，但該值不文本字段後舉行點擊事件........請留下您的建議，以解決此問題..插入在窗體的文本框的值的onclick按鈕的使用JavaScript

來源

2015-12-01 Aakash Gupta

我不確定你的意思是「該值在單擊事件後不在文本字段中」。你能幫忙澄清一下嗎？ – showdev

您是否指單擊任何按鈕後表單提交的事實？ – showdev

[如何防止按鈕提交表單]可能的重複（http://stackoverflow.com/questions/932653/how-to-prevent-buttons-from-submitting-forms）。另請參閱[我可以使

問題正是@showdev說：表單提交每個按鈕單擊。一旦提交，該字段就會消失。你需要做的是在你的html中有type="button"，所以它看起來像這樣：<button type="button" onclick="show('7')">7</button>

來源

2015-12-01 19:57:53

插入在窗體的文本框的值的onclick按鈕的使用JavaScript

回答

相關問題