在 html 中,我有一个显示文本的按钮和一个隐藏文本的按钮。每个按钮都有“onclick”属性,该属性指向 js 中的特定功能。我想在单击按钮时更改“onclick”值,并更改按钮内的文本(显示/隐藏)。 我无法使用“triggleClass”,因为我需要使用“onclick”属性(它的值发生了变化,因为我正在使用 django) 目前,我有两个用于此操作的按钮,我只想将它们合并为一个按钮。 代码:
<btn id="show_btn_{{forloop.counter}}" onclick="Show({{forloop.counter}})" class="btn show_btn">Show</btn>
<btn id="hide_btn_{{forloop.counter}}" onclick="Hide({{forloop.counter}})" class="btn hide_btn">Hide</btn>
<script>
function Show(pos){
$('#show_text_'+pos).css('display','block');
$('#my_text_show_btn_'+pos).prop("disabled", true);
}
function Hide(pos){
$('#show_text_'+pos).css('display','none');
$('#my_text_show_btn_'+pos).prop("disabled", false);
}
</script>
有人有解决办法吗?
谢谢!
最佳答案
试试这个短代码:
function ShowHide(id) {
if ($(id).html() == "Show") {
$(id).html("Hide");
} else {
$(id).html("Show");
}
}
<script src="https://ajax.googleapis.com/ajax/libs/jquery/1.11.1/jquery.min.js"></script>
<btn onclick="ShowHide(this);" class="btn show_btn">Show</btn>
关于javascript - 更改按钮 onclick,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/27944785/