Javascript 点击切换到不同的按钮

我想要代码来切换按钮。如果我第一次按下按钮1，它必须显示按钮2，反之亦然

<input type="submit" value="asc" name="button1" id="but1">

<input type="submit" value="desc" name="button2" id="but3">

---

不确定您想要实现什么，但您可以使用：

$('input[type="submit"]').click(function() {
    $(this).hide().siblings('input[type="submit"]').show();   
});

---

您可以尝试以下代码：

$('input[type="submit"]').click(function(){
   var valueOfButton = $(this).val();
   if(valueOfButton == 'asc')
     {
         $('input[value="asc"]').show();
       $('input[value="desc"]').hide();
     }
     else
    {  
         $('input[value="desc"]').show();
         $('input[value="asc"]').hide();
    }
});

---

尝试使用以下功能：

$elementclickcallback将处理元素的单击 $element.show将显示该元素 $element.hide将隐藏该元素 因此，符号代码是：

//first hidden the second button
$('#but3').css('display','none')

// handle click of first button
$('#but1').click(function(){
    $(this).hide()
    $('#but3').show()
});

// handle click of second button
$('#but3').click(function(){
    $(this).hide()
    $('#but1').show()
});

下面是一个示例：

一个不需要JQuery的解决方案是：

<input type="button" value="asc" name="button1" id="but1" onClick="document.getElementById('but3').style.display='';this.style.display='none';">

<input type="button" value="desc" name="button2" id="but3" style="display:none;" onClick="document.getElementById('but1').style.display='';this.style.display='none';">

如果要使用可见性，也可以这样做：

<input type="button" value="asc" name="button1" id="but1" onClick="document.getElementById('but3').style.visibility='visible';this.style.visibility='hidden';">

<input type="button" value="desc" name="button2" id="but3" style="visibility:hidden;" onClick="document.getElementById('but1').style.visibility='visible';this.style.visibility='hidden';">

使用可见性将保留按钮的位置。出于演示的原因，我将类型从submit更改为button

您可以查看这些解决方案的JSFIDLE演示和

如果要完全隐藏按钮及其占位符，请使用style.display='none'和style.display='block'。如果将两个按钮都放在具有默认静态位置的div容器中，则两个按钮将显示在容器中的相同位置。

只需在jQuery中使用.toggle即可

$('input[type="submit"]').click(function() {
   $('input[type="submit"]').toggle();
});

---

我打赌你的。开关无线电开关元件是兄弟姐妹。从代码中删除.parent。不需要它，因为.radio switch滑块直接包含在.toggle radio switch中

---

$this.find'.radio switch slider'

默认情况下，当页面加载时，放入以下代码，以便隐藏第二个按钮

$document.readyFunction{ $‘但是3’。隐藏； };

在那之后，把代码放在

$'input[type=submit]'。单击函数{ $this.hide.sides'input[type=submit]'.show；

---

};

您正在使用type=submit，它将提交表单。你到底想要实现什么。你已经尝试了什么？用javascript尝试了。隐藏。我想更改调用终止和取消终止查询的按钮。谢谢你，这是我想要的，但它提交表单并重置为原始按钮，我不知道怎么做。我想在同一个按钮上显示asc和desc列表。我不明白你的意思。你能重新表述你的问题吗？问题标签之一是jQuery，为什么要使用纯JS？！！在IE9及以上版本中，它可以工作，在旧版IE中，应该在事件名称的前缀上使用attachEvent，但这是

$('input[type="submit"]').click(function() {
   $('input[type="submit"]').toggle();
});