如何存储动态按钮文本

Question

我有下面的代码，我想获得服务器端的动态创建的按钮的文本，然后点击按钮，但按钮的第二次点击，按钮被禁用，我不想要其文本属性。

这是我如何创建具有循环

for (int i = 0; i < numberofplants; i++) 
    { 
     builderchart.Append("<th class=style8>"); 
     builderchart.Append("<input type='button' id='btn" + i.ToString() + "' value='" + dtplants.Rows[i][0] + "' style='width:55px;' class='inputbutton'>"); 
         builderchart.Append("</th>"); 
    } 

    .is-highlighted { 
    background-color:#6FA478; 

     $(function() { 
      $('input[type=button]').on('click', function (e) { 
       e.preventDefault(); 
       $(this).toggleClass('is-highlighted'); 
      }); 
     });  

Answer 1

动态按钮，如果你只是想按钮被激活的第一次点击，使用jQuery的方法one的代码。

$(function() { 
     $('input[type=button]').one('click', function (e) { 
      e.preventDefault(); 
      $(this).toggleClass('is-highlighted'); 
     }); 
    });  

//编辑

如果你正在寻找去除第二点击“文字”，或添加新的文本：

  $(function() { 

      var count = 1; 

      $('input[type=button]').on('click', function (e) { 

       e.preventDefault(); 

        count +=1; 

        if(count % 2 === 0){ 

         $(this).prop('value', 'New Text') 
           .css('background-color', 'green'); 


       } else { 

        // Do Something else 

       } 
      }); 
     });  

我不知道到底是什么你想要实现，但使用上述方法，您可以跟踪“点击次数”，然后根据计数应用一些操作。

//编辑02 - 粗糙，但应该工作

 $(function() { 


     var 
     count = 1, 
     text; 


     $('input[type=button]').on('click', function (e) { 

     e.preventDefault(); 

      count+=1; 

      if(count % 2 === 0){ 

       text = $(this).val(); 

       $(this).prop('value', 'New Text') 
         .css('background-color', 'green'); 

       $.post('some.php', { value: text }, function(data){ 

       // Do Something 

       } 


      } else { 

       text = $(this).val();  

       $(this).prop('value', 'default') 
         .css('background-color', ''); 


       $.post('some.php', { value: text }, function(data){ 

        // Do Something else 


       } 




      } 

     }); 
    });  ​