Question

我有这段代码：

<input id="selectAllButton" type="button" value="Select All">
<script>


$('#selectAllButton').clicktoggle(function(){
    $('#selectAllButton').val('Select None');

  });

</script>

当我点击按钮

时，我需要在拖动选项（全选，选择无）之间更改文本按钮

Answer 1

$(document).ready(function() {

  $('#selectAllButton').click(function(){
    if($(this).val() == 'Select All') { $(this).val('Select None'); }
    else { $(this).val('Select All'); }
  });
});

<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script>
<input id="selectAllButton" type="button" value="Select All">

Answer 2

如果您只需要更改文本，可以使用以下代码。

var selectButton = $('#selectAllButton');
selectButton.click(function(){
    selectButton.val(selectButton.val() == 'Select None' ? 'Select All' : 'Select None');
});

Answer 3

您可以使用以下演示中的.val( fn )：

＆＃13;

  $('#selectAllButton').click(function() {
      $(this).val( function() {
         return this.value == 'Select All' ? 'Select None' : 'Select All';
      } );
  });

＆＃13;

<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script>
<input id="selectAllButton" type="button" value="Select All">

＆＃13;

如何使用切换更改文本按钮

3 个答案: