목록으로

변수값 콤마 부여하기 채택완료

인찌

프로필 보기 이 회원 글보기 이 회원의 댓글보기

4년 전 조회 1,375

답변 1

아래 코드를 사용해서 위의 것을 구현했습니다.

위에 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>

#javascript

댓글을 작성하려면 로그인이 필요합니다.

답변 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>

로그인 후 평가할 수 있습니다