javascript - 通过 Jquery 更改按钮值

Question

抱歉，如果涉及到带有 HTML 的 Javascript，我是一个菜鸟。我正在尝试制作一个按钮，当选中多个复选框时会更改它的值。

例子:如果选中一个复选框 = 按钮:删除 1 行如果选中两个复选框 = 按钮:删除 2 行等

我希望在选中所有复选框时自动发生这种情况。唯一的问题是它不会改变任何东西。

JS:

    <script src="http://ajax.googleapis.com/ajax/libs/jquery/1.10.2/jquery.min.js"></script>
    <script>
$('input[type="checkbox"]').click( function() {
   $("input[type=submit]").val("Delete "+$('input:checkbox:checked').length+" rows"); 
});
    </script>

HTML:

<input type="submit" name="submit" class="btn btn-success"  value="Verwijder" />

此 (PHP) 的服务器端确实有效(删除行)。感谢您的帮助和抽出时间!

Answer 1

首先你必须把你的代码放在这个 block 中:

$(document).ready(function(){
  // your code
});

我们使用它是因为:

The document.ready handler is triggered when the DOM has been loaded by the browser and ready to be manipulated.

第二个:

<input type="submit" name="submit" class="btn js-button btn-success"  value="Verwijder" />

$(".js-button").val("Value that you need");