Question

点击它后如何重命名所有提交按钮？

我需要脚本，它会将提交按钮的值更改为＆＃34;正在加载...＆＃34;所有按钮。

我需要完整的jQuery或Javascript脚本。

Answer 1

HTML：

<input type="submit"/>
<input type="submit"/>
<input type="submit"/>
<input type="submit"/>
<input type="submit"/>

JavaScript的：

var btns, i, i2;

btns = document.querySelectorAll("input[type='submit']");

for (i = 0; i < btns.length; i++) {
     btns[i].addEventListener("click", function() {
       for (i2 = 0; i2 < btns.length; i2++) {
           btns[i2].value = "loading...";
       }            
    });
}

Answer 2

您可以通过更改按钮文字轻松完成： -

 <body onload="test()">
    <script>
        function test(){
           $('button').click(function(e){
               console.log('in click');
               var currentVal = $(e.currentTarget).text();
               $(e.currentTarget).text("Loading...");
               //Do sutuff
               //change button text
               //$(e.currentTarget).text(currentVal);
           });

        }
    </script>
    <button>Send</button>
</body>

如何更改几个提交按钮的值？

2 个答案: