我的页面上有一些按钮,即按钮“一个”,按钮“两个”等。还有一个包含“设置此”的文本。
要求:
当用户点击“一个”按钮时,
(a)按钮应变成深色背景(选择/激活状态)
(b)文本,“设置此项”应根据单击按钮的文本更改为文本。在这种情况下,“设置为此”将更改为“设置一个”
当用户再次单击按钮“一个”时,
(a)按钮应返回到其以前的状态(浅色背景)
(b)更改后的文本(“设置为一”)应重置,并返回到默认状态(“设置此”)
其他按钮的要求相同。我可以提出要求1和2(a),但不能做出2(b)。我该怎么做?
我的提琴作品:http://jsfiddle.net/learner73/VFPLf/
$('.btn').click(function(){
$(this).toggleClass("active");
$('.changeText').text($(this).data("text"));
});
最佳答案
如果我正确理解问题,那么这可能是您最好的选择
$('.btn').click(function(){
$(this).toggleClass("active");
if ($('.changeText').text() == $(this).data("text")) {
$('.changeText').text("This");
} else{
$('.changeText').text($(this).data("text"))
}
});
JSFiddle