最新文章專題視頻專題問答1問答10問答100問答1000問答2000關鍵字專題1關鍵字專題50關鍵字專題500關鍵字專題1500TAG最新視頻文章視頻文章20視頻文章30視頻文章40視頻文章50視頻文章60 視頻文章70視頻文章80視頻文章90視頻文章100視頻文章120視頻文章140 視頻2關鍵字專題關鍵字專題tag2tag3文章專題文章專題2文章索引1文章索引2文章索引3文章索引4文章索引5123456789101112131415文章專題3
當前位置： 首頁 - 科技 - 知識百科 - 正文

Jquery如何實現(xiàn)數(shù)值相加和根據(jù)余數(shù)改變對應的數(shù)值樣式（代碼）

來源：懂視網(wǎng) 責編：小采 時間：2020-11-27 19:32:13
文檔

Jquery如何實現(xiàn)數(shù)值相加和根據(jù)余數(shù)改變對應的數(shù)值樣式（代碼）

Jquery如何實現(xiàn)數(shù)值相加和根據(jù)余數(shù)改變對應的數(shù)值樣式（代碼）:本篇文章給大家?guī)淼膬?nèi)容是關于Jquery如何實現(xiàn)數(shù)值相加和根據(jù)余數(shù)改變對應的數(shù)值樣式（代碼），有一定的參考價值，有需要的朋友可以參考一下，希望對你有所幫助。Jquery內(nèi)容<script type="text/javascript"> $(funct
推薦度：
導讀Jquery如何實現(xiàn)數(shù)值相加和根據(jù)余數(shù)改變對應的數(shù)值樣式（代碼）:本篇文章給大家?guī)淼膬?nèi)容是關于Jquery如何實現(xiàn)數(shù)值相加和根據(jù)余數(shù)改變對應的數(shù)值樣式（代碼），有一定的參考價值，有需要的朋友可以參考一下，希望對你有所幫助。Jquery內(nèi)容<script type="text/javascript"> $(funct

本篇文章給大家?guī)淼膬?nèi)容是關于Jquery如何實現(xiàn)數(shù)值相加和根據(jù)余數(shù)改變對應的數(shù)值樣式（代碼），有一定的參考價值，有需要的朋友可以參考一下，希望對你有所幫助。

Jquery內(nèi)容

<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內(nèi)容

<body style="font-size: 12px;">
 <div class="box">
 請編寫javascript代碼，完成如下功能要求：<br />
 <ol>
  <li>
  計算下面文本框中數(shù)字之和
  <input type="button" value="點我執(zhí)行計算" />
  </li>
  <li>
  點我將所有文本框中數(shù)字之和，對9求余數(shù)，將數(shù)字等于余數(shù)的文本框前景色改為紅色
  <input type="button" value="點我執(zhí)行計算"/>
  </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>

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

文檔

Jquery如何實現(xiàn)數(shù)值相加和根據(jù)余數(shù)改變對應的數(shù)值樣式（代碼）

Jquery如何實現(xiàn)數(shù)值相加和根據(jù)余數(shù)改變對應的數(shù)值樣式（代碼）:本篇文章給大家?guī)淼膬?nèi)容是關于Jquery如何實現(xiàn)數(shù)值相加和根據(jù)余數(shù)改變對應的數(shù)值樣式（代碼），有一定的參考價值，有需要的朋友可以參考一下，希望對你有所幫助。Jquery內(nèi)容<script type="text/javascript"> $(funct
推薦度：
  • 熱門焦點

最新推薦

猜你喜歡

熱門推薦

專題
Top