如何切换按钮以显示加号或减号?
按钮放大和缩小文本。如果文本很大...按钮是
减号,如果文本很小...按钮是加号等等。
昨天我在这方面得到了一些帮助,我仍在尝试学习 jQuery 并有点卡住。
感谢您的帮助,
<!DOCTYPE html PUBLIC ">
<head>
<script type="text/javascript" src="js/jquery-1.4.min.js"></script>
<script type='text/javascript'>
var fontSizes = [14, 16]
$(function(){
$('input').click(function() {
$('p').css('font-size', fontSizes[0] + 'pt');
fontSizes.reverse();
var currFontSize = ourText.css('fontSize');
var finalNum = parseFloat(currFontSize, 10);
var stringEnding = currFontSize.slice(-2);
if(this.id == 'large') {
finalNum *= 1.2;
}
else if (this.id == 'small'){
finalNum /=1.2;
}
ourText.css('fontSize', finalNum + stringEnding);
});
});
</script>
</head>
<body>
<h2>Toggle Size? </h2>
<!--TOGGLE BUTTON NEEDS TO CHANGE FROM PLUS TO MINUS-->
<input type='button' value='+' id='small' />
<p>My Text!!!</p>
</body>
</html>
最佳答案
从 mahesh's answer 更进一步,使用 $().toggle(function, function)
:
var fontSizes = [14, 16];
$(function(){
$('#PlusMinus').toggle(function() {
$('#OurText').css('fontSize', fontSizes[1] + 'pt');
$(this).val("-");
}, function() {
$('#OurText').css('fontSize', fontSizes[0] + 'pt');
$(this).val("+");
});
});
关于javascript - jQuery,切换按钮显示加号或减号,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/5196745/