使用javascript或jquery更改值...它甚至可能吗?

时间:2010-07-15 23:48:32

标签: php javascript jquery-ui jquery

我正在寻找一种方法来改变按下按钮后传递给函数的值

<span id="showHidden" style=" margin-left:726px; position:relative; top:40;">
        <input type="image" id="btnShowHidden" src/images/hide.gif" onclick="showHiddenRecords(1);" />
        </span>  

正如您在showHiddenRecords中看到的那样,它传递的值为1.我想要的是每次用户单击图像时切换这些值。所以,如果它的一个,它将变为零,如果它为零,它将返回到一个。这可能吗?怎么样?

e.g; showHiddenRecords(1) showHiddenRecords(0)

3 个答案:

答案 0 :(得分:3)

你可以这样做:

$(function() {
  $("#btnShowHidden").click(function() {
    this.value = this.value == "1" ? "0" : "1";
  });
});

然后你可以一起删除内联函数。

如果您要切换 else 的内容,可以使用.toggle(),如下所示:

$(function() {
  $("#btnShowHidden").toggle(function() {
    showHiddenRecords(1);
  }, function() {
    showHiddenRecords(0);
  });
});

答案 1 :(得分:1)

onclick="showHiddenRecords(1);"标记中删除input,然后在$(document).ready()中添加此jQuery;:

$("#btnShowHidden").toggle(function(){showHiddenRecords(1);},function(){showHiddenRecords(0);});

这使用jQuery's toggle function来执行备用点击

答案 2 :(得分:1)

我假设你在页面上有一些隐藏的记录?

在jQuery中,你可以使用toggle函数来处理这个......

<div></div>
<div class="hiddenrecord"></div>
<div></div>
<div></div>
<div class="hiddenrecord"></div>
<div class="hiddenrecord"></div>

<span id="showHidden" style=" margin-left:726px; position:relative; top:40;">
        <input type="image" id="btnShowHidden" src/images/hide.gif" onclick="$('.hiddenrecord').toggle();" />
</span>