Jquery内容
<script type="text/javascript">
$(function () {
var num = 0;
$(".box ol li:eq(0)").click(function () {
???????????????$(":text").each(function () {
???????????????????num += parseFloat($(this).val());
???????????????});
???????????????alert(num);
???????????});
???????????$(".box ol li:eq(1)").click(function () {
??????????????
???????????????var num = 0;
???????????????$(":text").each(function () {
???????????????????num += parseFloat($(this).val());
???????????????????if (parseInt($(this).val()) == parseInt(num % 9)) {
???????????????????????$(this).css("background", "red");
???????????????????}
???????????????});
???????????????
???????????});
???????});
?
???</script>
html内容
<body style="font-size: 12px;">
???<div class="box">
???????请编写javascript代码，完成如下功能要求：<br />
???????<ol>
???????????<li>
???????????????计算下面文本框中数字之和
???????????????<input type="button" value="点我执行计算" />
???????????</li>
???????????<li>
???????????????点我将所有文本框中数字之和，对9求余数，将数字等于余数的文本框前景色改为红色
???????????????<input type="button" value="点我执行计算"/>
???????????</li>
???????</ol>
???</div>
???<div id="mybox" class="box">
???????<input type="text" value="1" />
???????<input type="text" value="2" />
???????<input type="text" value="3" />
???????<input type="text" value="4" />
???????<input type="text" value="5" />
???????<input type="text" value="6" />
???????<input type="text" value="7" />
???????<input type="text" value="8" />
???????<input type="text" value="9" />
???</div>
</body>
Jquery中数值求和及根据余数改变对应的数值样式
原文地址：https://www.cnblogs.com/yunnanyanjin/p/9483457.html