jQuery範圍輸入默認值

Question

預計到$('input[type=range]').val()返回空值（如果value=''）。

但是，jQuery返回的範圍輸入元素的(min+max)的返回50%。

https://jsfiddle.net/maheshwaghmare/f33Ljjty/

---

不限solutoin檢測input[type=range]元件雖然的jQuery empty值？

Answer 1

輸入類型範圍Default返回值是多少的範圍，屬性的。如果你需要啊值attr。嘗試用attr('value')

$(document).ready(function() { 
 
if(!$('.one').attr('value').trim() || !$('.two').attr('value').trim()){ // validate the attribute value 
 
console.log('any one range attr value is empty') 
 
} 
 
\t var rangeOne = 'Defult One: ' + $('.one').val() + '<br/>'; 
 
    var rangeTwo = 'Defult Two: ' + $('.two').val() + '<br/>'; 
 
\t $('.result').html(rangeOne + rangeTwo); 
 
});

body { 
 
    padding: 5px; 
 
} 
 

 
label { 
 
    font-weight: bold; 
 
} 
 

 
input[type=text] { 
 
    width: 20em 
 
} 
 

 
p { 
 
    margin: 1em 0 0; 
 
}

<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script> 
 
Range One <input class="one" min="768" step="1" max="1920" type="range" value=""> (min='768' step='1' max='1920' value='')<br/> 
 
Range Two <input class="two" min="768" step="1" max="1920" type="range" value="800"> (min='768' step='1' max='1920' value='800') 
 

 
<br/><br/><br/> 
 
<span class="result"></span>

沒有價值