Warning: file_get_contents(/data/phpspider/zhask/data//catemap/2/jquery/87.json): failed to open stream: No such file or directory in /data/phpspider/zhask/libs/function.php on line 167

Warning: Invalid argument supplied for foreach() in /data/phpspider/zhask/libs/tag.function.php on line 1116

Notice: Undefined index: in /data/phpspider/zhask/libs/function.php on line 180

Warning: array_chunk() expects parameter 1 to be array, null given in /data/phpspider/zhask/libs/function.php on line 181

Warning: file_get_contents(/data/phpspider/zhask/data//catemap/9/solr/3.json): failed to open stream: No such file or directory in /data/phpspider/zhask/libs/function.php on line 167

Warning: Invalid argument supplied for foreach() in /data/phpspider/zhask/libs/tag.function.php on line 1116

Notice: Undefined index: in /data/phpspider/zhask/libs/function.php on line 180

Warning: array_chunk() expects parameter 1 to be array, null given in /data/phpspider/zhask/libs/function.php on line 181
Javascript jquery检查和更改按钮值_Javascript_Jquery - Fatal编程技术网

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');
  }
});