изменение значения с помощью javascript или jquery..это возможно?

Question

Я ищу способ, чтобы изменить значение того, что я прошел, чтобы работать, как только будет нажата кнопка

<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)

Answer 1

Вы можете сделать это следующим образом:

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

Затем вы можете удалить функции в линии все-вместе.

Если вы хотите переключить что-то еще, вы можете использовать .toggle(), например:

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

Answer 2

Удалить onclick="showHiddenRecords(1);" из input тега, а затем добавьте в этом JQuery в $(document).ready();:

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

Использует jQuery's toggle function, чтобы делать что-либо на альтернативных кликах

Answer 3

Я предполагаю, что у вас есть скрытые записи на странице?

В 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>