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

首先，您必须将代码放在此块中：

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

我们使用这个是因为：

加载DOM时会触发document.ready处理程序通过浏览器准备好进行操作。

第二

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

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

Answer 2

试试这个。

Fiddle Demo

<强> HTML

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

JS代码

$('input[type="checkbox"]').on('change', function(){
   var rows = $('input[type="checkbox"]:checked').length,
       value = rows < 1 ? 'Verwijder' : 'Delete '+rows+(rows<2 ? ' row':' rows');
   $('.btn').attr('value', value);
});

通过Jquery更改按钮值

2 个答案: