Javascript jquery检查和更改按钮值
我正在尝试使用一个按钮来切换值。代码是不言自明的。Javascript jquery检查和更改按钮值,javascript,jquery,Javascript,Jquery,我正在尝试使用一个按钮来切换值。代码是不言自明的。 工作示例: $(“按钮”)。单击(函数(){ if($(“#显示隐藏按钮”).text()=“阅读更多信息”) $(“#显示隐藏按钮”).text(“少读”); 其他的 $(“#显示隐藏按钮”).text(“阅读更多”); }); 阅读更多内容您可以这样做: $("button").click(function() { if ($("#showHideButton").val() == "Read More2") $("#showHi
工作示例:
$(“按钮”)。单击(函数(){
if($(“#显示隐藏按钮”).text()=“阅读更多信息”)
$(“#显示隐藏按钮”).text(“少读”);
其他的
$(“#显示隐藏按钮”).text(“阅读更多”);
});代码>
阅读更多内容
您可以这样做:
$("button").click(function() { if ($("#showHideButton").val() == "Read More2")
$("#showHideButton").val(function(){
return "Read Less"
});});
可以说,switch/case
比if/else
性能更好,所以如果您非常担心开销,您可以这样做。不过我不担心,因为事情很简单。你可能甚至看不出两者之间的区别 请显示您的HTML。理想情况下,制作一个演示问题的示例。如果是
,则应使用.text()
,而不是.val()
。您只会将.val()
用于
为什么要使用只返回“readless”的函数?此外,您还应该使用“==”来支持“==”作为经验法则-在这种情况下,这可能并不重要,但在其他情况下,这是肯定的。因此,建议养成只使用“==”的习惯。
$("button").on('click', function() {
if($(this).text() == 'Read More') {
$(this).text('Read Less');
} else {
$(this).text('Read More');
}
});