Heim > Web-Frontend > HTML-Tutorial > 怎么样在html点击某一行,会显示相应的数据,其中的金额要以千位分隔符显示_html/css_WEB-ITnose

怎么样在html点击某一行,会显示相应的数据,其中的金额要以千位分隔符显示_html/css_WEB-ITnose

WBOY
Freigeben: 2016-06-24 12:04:29
Original
1968 Leute haben es durchsucht


回复讨论(解决方案)


转换千位分隔写了一个,楼主试下。针对的正整数,小数或者负数还得提前处理下。
关于点击切换选项显示不同的数据,可以onchange事件来从后台去相应的值赋值

        <script>        var test = "1232356788800001";        var i = test.length%3 > 0 ? Math.floor((test.length/3)) : (test.length/3)-1;        var a  = test.split("");        for (var x = 1; x<i+1; x++) {        a.splice(-3*x-x+1, 0, ",");        };        alert(a.join(""));        </script>
Nach dem Login kopieren

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"><html xmlns="http://www.w3.org/1999/xhtml"><head><meta http-equiv="Content-Type" content="text/html; charset=utf-8" /><title>无标题文档</title><style></style><script language="javascript">window.onload=function(){	var oText=document.getElementById('text');	oText.onkeyup=function()	{		this.value=commafy(this.value);	}	}function commafy(value){	var tmp=value.replace(/[,]/g,'').split('').reverse().join('');	alert(tmp);	tmp=tmp.replace(/(\d{3})(?=\d)/g,'$1,');	return tmp.split('').reverse().join('');	}</script></head><body><input type="text" id="text" />    </body></html>
Nach dem Login kopieren

Verwandte Etiketten:
Quelle:php.cn
Erklärung dieser Website
Der Inhalt dieses Artikels wird freiwillig von Internetnutzern beigesteuert und das Urheberrecht liegt beim ursprünglichen Autor. Diese Website übernimmt keine entsprechende rechtliche Verantwortung. Wenn Sie Inhalte finden, bei denen der Verdacht eines Plagiats oder einer Rechtsverletzung besteht, wenden Sie sich bitte an admin@php.cn
Beliebte Tutorials
Mehr>
Neueste Downloads
Mehr>
Web-Effekte
Quellcode der Website
Website-Materialien
Frontend-Vorlage