입력 텍스트 상자의 숫자가 문자열로 처리되는 이유를 알아 내려고합니다. 여기서 짧은 스크립트는 두 번째 텍스트 상자에 숫자를 입력하는 지점까지 작동합니다. 두 번째 텍스트 상자의 값은 최종 값에 문자열로 첨부되고 숫자로 추가되지 않습니다. parseInt () 사용을 시도했지만이 경우 결과는 NaN입니다.
<!DOCTYPE html>
<html>
<head>
<meta charset="UTF-8">
<script src="http://ajax.googleapis.com/ajax/libs/jquery/1.11.1/jquery.min.js"></script>
<script>
var extras_fee = 0;
function validate_extra1(){
var extra1_value = document.getElementById('extra1').value;
var extra2_value = document.getElementById('extra2').value;
var extra1_radiovalue = $('input[name=radio_extra1]:checked').val();
if (extra1_value.length > 0 && extra1_radiovalue == 2000)
{extras_fee = 2000;}
if (extra1_value.length > 0 && extra1_radiovalue == 4000)
{extras_fee = 4000;}
if (extra1_value.length == 0)
{extras_fee = 0;}
extras_fee = extras_fee + extra2_value;
document.getElementById('fee_container').innerHTML = extras_fee;
}
$(function(){
$(document).on('click', '#continue_extras', function(){
$("<div class='st'><b>Some title.</b></div>" +
"<div class='infwin'>Some text </div> " +
"<div>input some text here <input type='text' name='fname' id='extra1' onkeyup='validate_extra1()'>" +
"<input type='radio' name='radio_extra1' value='2000' onclick='validate_extra1()'>2000" +
"<input type='radio' name='radio_extra1' value='4000' onclick='validate_extra1()'>4000</div>" +
"<div class='infwin'>more text here</div> " +
"<div>input some numerical values here <input type='text' name='fname' id='extra2' placeholder='minimum 1000' onkeyup='validate_extra1()'> text</div>" +
"<div id='fee_container'></div>" +
"<div class='button' id='continue_post'>Submit >>></div> " +
"<div class='miclear'></div><br />").appendTo('#extras_container');
$('#continue_extras').hide();
});
});
</script>
</head>
<body>
<div id='continue_extras'>click</div>
<div id='extras_container'></div>
</body>
</html>
extra2_value
추가하기 전에 유효성을 검사 해야합니다.
var extra2_value = parseInt(document.getElementById('extra2').value);
extra2_value = extra2_value?extra2_value:0;
이 기사는 인터넷에서 수집됩니다. 재 인쇄 할 때 출처를 알려주십시오.
침해가 발생한 경우 연락 주시기 바랍니다[email protected] 삭제
몇 마디 만하겠습니다