jQuery简单加法运算示例
<div class="codecolorer-container html4strict vibrant" style="overflow:auto;white-space:nowrap;width:700px;height:400px;"><table cellspacing="0" cellpadding="0"><tbody><tr><td class="line-numbers"><div>1<br>2<br>3<br>4<br>5<br>6<br>7<br>8<br>9<br>10<br>11<br>12<br>13<br>14<br>15<br>16<br>17<br>18<br>19<br>20<br>21<br>22<br>23<br></div></td><td><div class="html4strict codecolorer"><span class="sc0"><!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"></span><br><span class="sc2"><<span class="kw2">html</span> xmlns<span class="sy0">=</span><span class="st0">"http://www.w3.org/1999/xhtml"</span>></span><br>
<span class="sc2"><<span class="kw2">head</span>></span><br>
<span class="sc2"><<span class="kw2">meta</span> <span class="kw3">http-equiv</span><span class="sy0">=</span><span class="st0">"Content-Type"</span> <span class="kw3">content</span><span class="sy0">=</span><span class="st0">"text/html; charset=utf-8"</span> <span class="sy0">/</span>></span><br>
<span class="sc2"><<span class="kw2">title</span>></span>无标题文档<span class="sc2"><<span class="sy0">/</span><span class="kw2">title</span>></span><br>
<span class="sc2"><<span class="sy0">/</span><span class="kw2">head</span>></span><br>
<br>
<span class="sc2"><<span class="kw2">script</span> <span class="kw3">src</span><span class="sy0">=</span><span class="st0">"jquery-1.7.1.min.js"</span>><<span class="sy0">/</span><span class="kw2">script</span>></span><br>
<span class="sc2"><<span class="kw2">script</span> <span class="kw3">type</span><span class="sy0">=</span><span class="st0">"text/javascript"</span>></span><br>
$(function(){<br>
$("#eq").click(function(){<br>
var t1=$("#txt1").val();<br>
var t2=$("#txt2").val();<br>
var t3=parseInt(t1,10)+parseInt(t2,10);<br>
$("#txt3").val(t3)<br>
})<br>
})<br>
<span class="sc2"><<span class="sy0">/</span><span class="kw2">script</span>></span><br>
<span class="sc2"><<span class="kw2">body</span>></span><br>
<br>
<span class="sc2"><<span class="kw2">input</span> <span class="kw3">type</span><span class="sy0">=</span><span class="st0">"text"</span> <span class="kw3">id</span><span class="sy0">=</span><span class="st0">"txt1"</span><span class="sy0">/</span>></span>+<span class="sc2"><<span class="kw2">input</span> <span class="kw3">type</span><span class="sy0">=</span><span class="st0">"text"</span> <span class="kw3">id</span><span class="sy0">=</span><span class="st0">"txt2"</span> <span class="sy0">/</span>><<span class="kw2">input</span> <span class="kw3">id</span><span class="sy0">=</span><span class="st0">"eq"</span> <span class="kw3">value</span><span class="sy0">=</span><span class="st0">"="</span> <span class="kw3">type</span><span class="sy0">=</span><span class="st0">"button"</span> <span class="sy0">/</span>><<span class="kw2">input</span> <span class="kw3">type</span><span class="sy0">=</span><span class="st0">"text"</span> <span class="kw3">id</span><span class="sy0">=</span><span class="st0">"txt3"</span> <span class="sy0">/</span>></span><br>
<span class="sc2"><<span class="sy0">/</span><span class="kw2">body</span>></span><br>
<span class="sc2"><<span class="sy0">/</span><span class="kw2">html</span>></span></div></td></tr></tbody></table></div>
<p class="post-copyright">未经允许不得转载：<ahref="https://www.wangchao.info/">王超博客</a> » <ahref="https://www.wangchao.info/1286.html">jQuery简单加法运算示例</a></p>
页:
[1]