提供各行各業搜尋、查價比價服務
讓你輕鬆找到各式各行各業價格
搜尋引擎系統家具櫥櫃設計製作專家,舉凡客廳
書房、臥室等皆可適用,歡迎洽詢

首頁  •  j2h 論壇 • 程式設計討論     • 

[JQuery] jquery 中的加法運算

房東:張先生
發表時間:2014-03-14



加法運算?想必大家聽到這都會不屑了,加法運算這是多麼簡單的運算。 然而有的時候在Jquery也讓人挺頭疼的。
常規的是:
var num1 = 123;

var num2=123;

var total = num1+num2;
複製代碼
這個想必大家一看都知道結果了246,沒錯結果是這個。
那如果這樣:
< input type ="text" id ="txt1" value ="123" />
< input type ="text" id ="txt2" value ="123" />
var num1= $("#txt1").val();
var num2 = $("#txt2").val()
var total = num1+num2;
複製代碼
這個結果呢,246? 而結果是123123,此時jQuery將其認為是字符串的相加。 如何獲取自己所要的值?
一開始想到的是將num1和num2轉換為值類型,可這方法太麻煩也未必可行,所以就放棄了。
有一種更簡單的方法:
var total = num1*1+num2*1;
此時,結果就是246了



  • 贊助網站       

    廣利不動產-板橋在地生根最實在--新板特區指名度最高、值得您信賴的好房仲
    完整房訊,房屋、店面熱門精選物件,廣利不動產 優質仲介,房屋租賃、買賣資訊透明,交易真安心!
    廣利不動產-新板特區指名度最高、值得您信賴的好房仲
    您的托付,廣利用心為您服務

  • 1 樓住戶:老師傅
    發表時間:2017-04-15

    表格數字全加起來


    <script type="text/javascript">
    $(document).ready(function(){
    $("button").click(function(){
    var sum = 0;
    $.each($(":text"),function(){
    sum += parseInt(this.value);
    });
    alert(sum);
    });
    });
    </script>
    <title>1</title>
    </head>
    <body>
    <form>
    <input type="text" value="4" />
    <input type="text" value="5" />
    <input type="text" value="6" />
    <input type="text" value="7" />
    <button type="button">表格</button>
    </form>



    表格數字全加起來+1個自填數字表格
    <script type="text/javascript">
    $(document).ready(function(){
    $("button").click(function(){
    var sum = 0;
    $.each($(":text:not(#sum)"),function(){
    sum += parseInt(this.value)+1;
    });
    $("#sum").val(sum);
    });
    });
    </script>
    <title>1</title>
    </head>
    <body>
    <form>
    <input type="text" value="7" />
    <input type="text" value="7" />
    <input type="text" value="7" />
    <input type="text" id=“sum” />
    <button type="button">開始</button>

    2 樓住戶:老師傅
    發表時間:2017-04-15

    加1減1
    <script>
    $(document).ready(function(){
    $("#add").click(function(){
    var n=$("#num").html();
    var num=parseInt(n)+1;
    if(num==0){alert("cc");}
    $("#num").html(num);
    });

    $("#jian").click(function(){
    var n=$("#num").html();
    var num=parseInt(n)-1;
    if(num==0){alert("不能為0!"); return}
    $("#num").html(num);
    });

    });
    </script>
    <style>
    body { font-family: Arial; font-size: 16px; }
    ul { list-style: none; margin: 10px; padding: 0; }
    li { border-left: 10px solid #F39; padding-left: 10px; margin: 5px; }
    </style>

    </head>
    <body>
    <div id="num">3</div>
    <input type="button" id="add" value="+" />
    <input type="button" id="jian" value="-" />


    3 樓住戶:老師傅
    發表時間:2017-04-15


    表格數字+1
    <script type="text/javascript">
    $(document).ready(function(){


    var count=$("#antzone").val();

    $("#antzone").val(count);
    $("#bt").click(function(){
    count=count*1+1;
    $("#antzone2").text(count);
    })
    })
    </script>
    <div id="antzone2"></div>
    廣告從第<input type="text" id="antzone" class="test" value="3">開始張貼
    <input type="button" id="bt" value="更新帳號+1"/>




    });
    </script>

    4 樓住戶:jack
    發表時間:2017-04-21


    <script type="text/javascript">
    $(document).ready(function(){


    var count= 0;

    $("#bt").click(function(){
    count=parseInt(count)+1;
    var j2hcount = $("#antzone").val()*1 + count;
    $("#stop").val(j2hcount);
    })

    })
    </script>


    廣告從第<input type="text" id="antzone" value="<?php echo $_GET[id];?>" size=2>開始張貼 張貼到<input type="text" id="stop" size=2>
    <input type="button" id="bt" value="更新廣告+1"/>


    5 樓住戶:joe
    發表時間:2017-04-21


    <script type="text/javascript">
    $(document).ready(function(){

    var count = 0;
    $('#antzone').on('change', function() {
    count = parseInt($(this).val())
    })

    $('#bt').on('click', function() {
    count++
    $('#stop').html(count)
    })


    })
    </script>

    <input type="text" id="antzone" placeholder="enter some number..">
    <input type="button" id="bt" value="按+1"/>
    <span id="stop"></span>



     共 5 人回應  選擇頁數 【第1 頁】 

    姓名:
    佈告內容:
    其他選項: