2010-07-15 63 views
0

我正在寻找一种方法来改变值什么我传递给函数一旦按下按钮使用JavaScript或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。我要的是切换这些值每次用户点击图片。所以如果它的一个它将变成零,如果它的零它将回到一个。这可能吗?怎么样?

例如; showHiddenRecords(1) showHiddenRecords(0)

回答

3

你可以这样说:

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

然后你就可以删除在线功能全在一起。

如果你想切换的东西别的,您可以使用.toggle(),像这样:

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

尼克,我想你需要一个?你有一个: – 2010-07-15 23:52:19

+0

@Ken - woops,已更新! – 2010-07-15 23:53:00

+0

我很困惑..它会将值传递给函数吗? – Autolycus 2010-07-15 23:55:57

1

input标签删除onclick="showHiddenRecords(1);",然后加入这个jQuery在$(document).ready();:

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

这使用jQuery's toggle function做替代点击的事情

+0

tried..after点击后没有任何反应 – Autolycus 2010-07-16 00:05:34

+0

@ user295189这很奇怪。你已经把它放在$(document).ready(function(){//把代码放在这里}); ?你使用的是什么浏览器?如果用警报替换showHiddenRecord函数会发生什么情况? – Adam 2010-07-16 00:15:58

1

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

在jQuery中可以使用切换功能来处理这个......

<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> 
相关问题