변수값 콤마 부여하기 채택완료
인찌
4년 전
조회 1,365
아래 코드를 사용해서 위의 것을 구현했습니다.
위에 30,000이런식으로 넣고 싶은데
변환하는 숫자에는 콤마가 안나타나더라구요.
혹시 어떻게 하면 될까욤?
</p>
<p><!-- Range Slider CSS --></p>
<p><link rel="stylesheet" href="../css/pay_style.css"></p>
<p><!--Only for demo purpose - no need to add.--></p>
<p><link rel="stylesheet" href="../css/pay_demo.css" /></p>
<p> </p>
<p><section></p>
<p> <div class="rt-container"></p>
<p> <div class="col-rt-12"></p>
<p> <div class="Scriptcontent"></p>
<p> </p>
<p> <!-- Range Slider HTML --></p>
<p> <div slider id="slider-distance"></p>
<p> <div></p>
<p> <div inverse-left style="width:70%;"></div></p>
<p> <div inverse-right style="width:70%;"></div></p>
<p> <div range style="left:30%;right:40%;"></div></p>
<p> <span thumb style="left:30%;"></span></p>
<p> <span thumb style="left:60%;"></span></p>
<p> <div sign style="left:30%;"></p>
<p> <span id="value" class="min_value">30000</span></p>
<p> </div></p>
<p> <div sign style="left:60%;"></p>
<p> <span id="value" class="max_value">60000</span></p>
<p> </div></p>
<p> </div></p>
<p> <input type="range" id="min_input" tabindex="0" value="30000" max="100000" min="0" step="1" oninput="</p>
<p> this.value=Math.min(this.value,this.parentNode.childNodes[5].value-1);</p>
<p> var value=(100/(parseInt(this.max)-parseInt(this.min)))*parseInt(this.value)-(100/(parseInt(this.max)-parseInt(this.min)))*parseInt(this.min);</p>
<p> var children = this.parentNode.childNodes[1].childNodes;</p>
<p> children[1].style.width=value+'%';</p>
<p> children[5].style.left=value+'%';</p>
<p> children[7].style.left=value+'%';children[11].style.left=value+'%';</p>
<p> children[11].childNodes[1].innerHTML=this.value;" /></p>
<p> </p>
<p> <input type="range" id="max_input" tabindex="0" value="60000" max="100000" min="0" step="1" oninput="</p>
<p> this.value=Math.max(this.value,this.parentNode.childNodes[3].value-(-1));</p>
<p> var value=(100/(parseInt(this.max)-parseInt(this.min)))*parseInt(this.value)-(100/(parseInt(this.max)-parseInt(this.min)))*parseInt(this.min);</p>
<p> var children = this.parentNode.childNodes[1].childNodes;</p>
<p> children[3].style.width=(100-value)+'%';</p>
<p> children[5].style.right=(100-value)+'%';</p>
<p> children[9].style.left=value+'%';children[13].style.left=value+'%';</p>
<p> children[13].childNodes[1].innerHTML=this.value;" /></p>
<p> </div></p>
<p> <!-- End Range Slider HTML --></p>
<p>
</p>
<p> </div></p>
<p> </div></p>
<p> </div></p>
<p></section></p>
<p>
</p>
<p><script></p>
<p> function numberWithCommas(x) {</p>
<p> return x.toString().replace(/\B(?=(\d{3})+(?!\d))/g, ",");</p>
<p> }</p>
<p> </p>
<p> var pay_value = $('#value').html();</p>
<p> </p>
<p> pay_value = numberWithCommas(pay_value);</p>
<p> </p>
<p> $('#value').html(pay_value);</p>
<p>
</p>
<p></script></p>
<p><!-- Analytics --></p>
<p>
댓글을 작성하려면 로그인이 필요합니다.
답변 1개
채택된 답변
+20 포인트
4년 전
</p>
<p><div sign style="left:30%;">
<span id="value1" class="min_value">30000</span>
</div>
<div sign style="left:60%;">
<span id="value2" class="max_value">60000</span>
</div></p>
<p>
<script>
function numberWithCommas(x) {
return x.toString().replace(/\B(?=(\d{3})+(?!\d))/g, ",");
}</p>
<p>$('#value1').html(numberWithCommas($('#value1').html()));
$('#value2').html(numberWithCommas($('#value2').html()));
</script></p>
<p>
로그인 후 평가할 수 있습니다
답변에 대한 댓글 3개
�
인찌
4년 전
일단 붙긴하는데 저 슬라이더를 움직여서 숫자가 변경되면 콤마가 사라집니다ㅠ
P
Policia
4년 전
oninput부분에 .innerHTML=this.value 에서
.innerHTML=numberWithCommas(this.value)
으로 변경하세요
그리고... oniput에있는건 함수로 빼주세요 ㅠㅠ
.innerHTML=numberWithCommas(this.value)
으로 변경하세요
그리고... oniput에있는건 함수로 빼주세요 ㅠㅠ
�
인찌
4년 전
함수로.. 제가 초보라서 그런데 어떻게 정리할 수 있을까요?
함수로 빼보려고 시도했는데 그럼 구동이 안되더라구요
함수로 빼보려고 시도했는데 그럼 구동이 안되더라구요
댓글을 작성하려면 로그인이 필요합니다.
답변을 작성하려면 로그인이 필요합니다.
로그인