顯示具有 JavaScript 標籤的文章。 顯示所有文章
顯示具有 JavaScript 標籤的文章。 顯示所有文章

2014年4月2日 星期三

TextBox.ReadOnly、Attributes["readonly"]及Disabled


http://blog.darkthread.net/post-2009-10-21-textbox-readonly-and-disabled.aspx

TextBox.ReadOnly = true;
TextBox.Attributes.Add("readonly", "readonly");
TextBox.Enabled = false;


在前端用 JavaScript 更改過值後，postback回server端接受的值三者皆不同，如果要收到為 JavaScript 更改過值者，應用 TextBox.Attributes.Add("readonly", "readonly"); 方式。
張貼者： 於 沒有留言:
標籤： ,

JavaScript Get Asp.net Textbox Value | Get Asp.net Label Value in JavaScript

http://www.aspdotnet-suresh.com/2013/10/javascript-get-aspnet-textbox-value-label-value.html

Get label value

var amount = document.getElementById("<%=lblAmount.ClientID %>").innerHTML

Get label value

var name = document.getElementById("<%=txtUserName.ClientID %>").value;


<html xmlns="http://www.w3.org/1999/xhtml">
<head runat="server">
<title>Get Asp.net Textbox Value in JavaScript</title>
<script type="text/javascript">
function getvalues() {
var name = document.getElementById("<%=txtUserName.ClientID %>").value;
var amount = document.getElementById("<%=lblAmount.ClientID %>").innerHTML;
alert("Textbox Value: "+name+"\n" +"Label Value: "+ amount);
return false
}
</script>
</head>
<body>
<form id="form1" runat="server">
<div>
UserName:<asp:TextBox ID="txtUserName" runat="server" /><br />
Amount:<asp:Label ID="lblAmount" runat="server" Text="10000"/><br />
<asp:Button ID="btnValidate" runat="server" Text="Get Values" OnClientClick="javascript:getvalues();" />
</div>
</form>
</body>
</html>
張貼者： 於 沒有留言:
標籤：

2012年10月24日 星期三

[轉貼]JavaScript的四捨五入、無條件捨去、無條件進位

原文出處：Math.round() ，Math.floor()，Math.ceil() - Joejoe1991的备忘录

Math.round() ，Math.floor()，Math.ceil()

Math.round() 四捨五入
Math.floor() 取小於這個數的最大整數
Math.ceil() 取大於這個數的最小整數

例一：
alert(Math.round(12.3));   //12
alert(Math.round(12.5));   //13
alert(Math.round(12.52145)); //13


它將一個小數四捨五入為一個整數，與Java中的Math.round() 一樣，不保留一位小數!

保留兩位小數：
alert(Math.round(12.52645 * 100) / 100); //12.53

先將12.52645 乘 10 得到1252.645
將這個結果四捨五入為整數得到1253
再將1253除以100 ，得到12.53

如果要保留三位小數，乘1000再除1000就行！

例二：
一箱裝6瓶酒，現有N瓶，求裝幾箱。
function getNum(n) {
    var value = n;
    n = n / 6; //這裡拿到的結果有可能是小數，因為Js是弱類型語言。在Java中，整數除整數，結果也是整數。
    if (value % 6 != 0) { 如果不是6的倍數，也就是n箱裝不下。
        n += 1; //再裝一箱
    }

    n = Math.floor(n); //求小於這個數的最大整數，因為n / 6 可能是小數，所以這裡要化整。
    return n;
}

alert(getNum(12)); 2
alert(getNum(1)); 1
alert(getNum(0)); 0
alert(getNum(15)); 3
張貼者： 於 沒有留言:
標籤：

[轉貼]解決JS浮點數(小數)計算加減乘除的BUG


資料來源：http://www.haoaspx.com/Show-94e2b9cb-fdde-4b62-baab-9d94aaae7c39.aspx

問題這樣的：
　　37.5*5.5=206.08  (JS算出來是這樣的一個結果，我四捨五入取兩位小數)
　　我先懷疑是四捨五入的問題，就直接用JS算了一個結果為：206.08499999999998
　　怎麼會這樣，兩個只有一位元小數的數字相乘，怎麼可能多出這麼小數點出來。
　　我Google了一下，發現原來這是JavaScript浮點運算的一個bug。
　　比如：7*0.8 JavaScript算出來就是：5.6000000000000005

　　網上找到了一些解決辦法，就是重新寫了一些浮點運算的函數。
　　下面就把這些方法摘錄下來，以供遇到同樣問題的朋友參考：
　　
　　 程式碼
//除法函數，用來得到精確的除法結果
// 說明：javascript的除法結果會有誤差，在兩個浮點數相除的時候會比較明顯。這個函數返回較為精確的除法結果。
//調用：accDiv(arg1,arg2)
//返回值：arg1除以arg2的精確結果
function accDiv(arg1, arg2) {
         var t1 = 0, t2 = 0, r1, r2;
         try { t1 = arg1.toString().split(".")[1].length } catch (e) { }
         try { t2 = arg2.toString().split(".")[1].length } catch (e) { }
         with (Math) {
             r1 = Number(arg1.toString().replace(".", ""))
             r2 = Number(arg2.toString().replace(".", ""))
             return (r1 / r2) * pow(10, t2 - t1);
         }
     }

//給Number類型增加一個div方法，調用起來更加方便。
Number.prototype.div = function(arg) {
         return accDiv(this, arg);
     }

//乘法函數，用來得到精確的乘法結果
//說明：javascript的乘法結果會有誤差，在兩個浮點數相乘的時候會比較明顯。這個函數返回較為精確的乘法結果。
//調用：accMul(arg1,arg2)
//返回值：arg1乘以 arg2的精確結果
function accMul(arg1, arg2) {
         var m = 0, s1 = arg1.toString(), s2 = arg2.toString();
         try { m += s1.split(".")[1].length } catch (e) { }
         try { m += s2.split(".")[1].length } catch (e) { }
         return Number(s1.replace(".", "")) * Number(s2.replace(".", "")) / Math.pow(10, m)
     }

// 給Number類型增加一個mul方法，調用起來更加方便。
Number.prototype.mul = function(arg) {
         return accMul(arg, this);
     }

//加法函數，用來得到精確的加法結果
//說明：javascript的加法結果會有誤差，在兩個浮點數相加的時候會比較明顯。這個函數返回較為精確的加法結果。
//調用：accAdd(arg1,arg2)
// 返回值：arg1加上arg2的精確結果
function accAdd(arg1, arg2) {
         var r1, r2, m, c;
         try { r1 = arg1.toString().split(".")[1].length } catch (e) { r1 = 0 }
         try { r2 = arg2.toString().split(".")[1].length } catch (e) { r2 = 0 }
         c = Math.abs(r1 - r2);
         m = Math.pow(10, Math.max(r1, r2))
         if (c > 0) {
             var cm = Math.pow(10, c);
             if (r1 > r2) {
                 arg1 = Number(arg1.toString().replace(".", ""));
                 arg2 = Number(arg2.toString().replace(".", "")) * cm;
             }
             else {
                 arg1 = Number(arg1.toString().replace(".", "")) * cm;
                 arg2 = Number(arg2.toString().replace(".", ""));
             }
         }
         else {
             arg1 = Number(arg1.toString().replace(".", ""));
             arg2 = Number(arg2.toString().replace(".", ""));
         }
         return (arg1 + arg2) / m
     }

//給Number類型增加一個add方法，調用起來更加方便。
Number.prototype.add = function(arg) {
         return accAdd(arg, this);
     }
//減法函數，用來得到精確的減法結果
//說明：javascript的減法結果會有誤差，在兩個浮點數相減的時候會比較明顯。這個函數返回較為精確的減法結果。
//調用：accSub(arg1,arg2)
// 返回值：arg1加上arg2的精確結果
function accSub(arg1,arg2){
　　 var r1,r2,m,n;
　　 try{r1=arg1.toString().split(".")[1].length}catch(e){r1=0}
　　 try{r2=arg2.toString().split(".")[1].length}catch(e){r2=0}
　　 m=Math.pow(10,Math.max(r1,r2));
　　 //last modify by deeka
　　 //動態控制精度長度
　　 n=(r1>=r2)?r1:r2;
　　 return ((arg1*m-arg2*m)/m).toFixed(n);
}

　　在你要用的地方包含這些函數，然後調用它來計算就可以了。
　　比如你要計算：7*0.8 ，則改成 (7).mul(8)
　　其它運算類似，就可以得到比較精確的結果。
張貼者： 於 沒有留言:
標籤：
訂閱： 文章 (Atom)