1、新建一个html文件，命名为test.html。
2、在test.html文件中，使用input标签创建一个文本输入框，代码如下。
3、在test.html文件中，使用readonly="readonly"设置input文本框只读，不可更改。
4、在test.html文件中，创建一个button按钮，用于点击按钮时，实现改变文本框的只读属性。
5、在test.html文件中，给button按钮绑定onclick点击事件，当按钮被点击时，执行gb函数。
6、在js标签中，创建一个gb函数，在函数内，通过文本框id获得对象，设置readOnly属性为false,即关闭input文本框的只读属性。
温馨提示：答案为网友推荐，仅供参考
第1个回答 推荐于2017-05-20
<meta http-equiv="Content-Type" content="text/html;charset=utf-8"/>
<input type="text" name="text1" value="" id="text1"/> + <input type="text" name="text2" value="" id="text2"/> = <input type="text" name="result" value="" readonly="true" id="result"/> <input type="button" value="相加" onclick="sum();"/>
<script>
function sum() {
var n1 = document.getElementById("text1").value;
var n2 = document.getElementById("text2").value;
document.getElementById("result").value = parseInt(n1)+parseInt(n2);
}
</script>本回答被网友采纳
<input type="text" name="text1" value="" id="text1"/> + <input type="text" name="text2" value="" id="text2"/> = <input type="text" name="result" value="" readonly="true" id="result"/> <input type="button" value="相加" onclick="sum();"/>
<script>
function sum() {
var n1 = document.getElementById("text1").value;
var n2 = document.getElementById("text2").value;
document.getElementById("result").value = parseInt(n1)+parseInt(n2);
}
</script>本回答被网友采纳
第2个回答 2013-07-31
文本框加上id 比如text1 text2 text3 在js中 text3.value=text1.value+text2.value;
相似回答