Jquery如何实现数值相加和根据余数改变对应的数值样式(代码)
程序员文章站
2022-05-09 12:27:25
...
本篇文章给大家带来的内容是关于Jquery如何实现数值相加和根据余数改变对应的数值样式(代码),有一定的参考价值,有需要的朋友可以参考一下,希望对你有所帮助。
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如何实现数值相加和根据余数改变对应的数值样式(代码)的详细内容,更多请关注其它相关文章!
上一篇: php中post接收原始数据实例详解
下一篇: CSS属性选择器温故-4 - 怪诞咖啡