我正在寻找一种方法来改变按下按钮后传递给函数的值
<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)
答案 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>