Jquery如何實現數值相加和根據余數改變對應的數值樣式（代碼）

來源：懂視網責編：小采時間：2020-11-27 19:32:13

Jquery如何實現數值相加和根據余數改變對應的數值樣式（代碼）

Jquery如何實現數值相加和根據余數改變對應的數值樣式（代碼）:本篇文章給大家帶來的內容是關于Jquery如何實現數值相加和根據余數改變對應的數值樣式（代碼），有一定的參考價值，有需要的朋友可以參考一下，希望對你有所幫助。Jquery內容<script type="text/javascript"> $(funct

推薦度：

點擊下載本文 文檔為doc格式

導讀Jquery如何實現數值相加和根據余數改變對應的數值樣式（代碼）:本篇文章給大家帶來的內容是關于Jquery如何實現數值相加和根據余數改變對應的數值樣式（代碼），有一定的參考價值，有需要的朋友可以參考一下，希望對你有所幫助。Jquery內容<script type="text/javascript"> $(funct

本篇文章給大家帶來的內容是關于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>

聲明：本網頁內容旨在傳播知識，若有侵權等問題請及時與本網聯系，我們將在第一時間刪除處理。TEL:177 7030 7066 E-MAIL:11247931@qq.com

Jquery如何實現數值相加和根據余數改變對應的數值樣式（代碼）

推薦度：

點擊下載本文 文檔為doc格式

標簽：改變求和實現

熱門焦點

Jquery如何實現數值相加和根據余數改變對應的數值樣式（代碼）

Jquery如何實現數值相加和根據余數改變對應的數值樣式（代碼）

Jquery如何實現數值相加和根據余數改變對應的數值樣式（代碼）

最新推薦

猜你喜歡

熱門推薦