Maison > Article > interface Web > Comment Jquery implémente-t-il l'addition numérique et change le style numérique correspondant en fonction du reste (code)

Comment Jquery implémente-t-il l'addition numérique et change le style numérique correspondant en fonction du reste (code)

不言original: 2018-08-16 11:48:111413parcourir

Le contenu de cet article explique comment Jquery implémente l'addition numérique et modifie le style numérique (code) correspondant en fonction du reste. Il a une certaine valeur de référence. J'espère que ce sera le cas. t'aider.

Contenu 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>

Contenu 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>

Recommandations associées :

Exemples d'utilisation de $.map() dans jquery (code)

Quels sont les sélecteurs de jquery ? Introduction aux quatre sélecteurs de jquery

Ce qui précède est le contenu détaillé de. pour plus d'informations, suivez d'autres articles connexes sur le site Web de PHP en chinois!

Déclaration：

Le contenu de cet article est volontairement contribué par les internautes et les droits d'auteur appartiennent à l'auteur original. Ce site n'assume aucune responsabilité légale correspondante. Si vous trouvez un contenu suspecté de plagiat ou de contrefaçon, veuillez contacter admin@php.cn

Article précédent：Exemples d'utilisation de $.map() dans jquery (code)Article suivant：Exemples d'utilisation de $.map() dans jquery (code)

Articles Liés

Voir plus