时间:2021-07-01 10:21:17 帮助过:6人阅读
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中$.map()的用法实例(代码)
jquery有哪些选择器?jquery四种选择器的介绍
以上就是Jquery如何实现数值相加和根据余数改变对应的数值样式(代码)的详细内容,更多请关注Gxl网其它相关文章!