通過jquery更改按鈕值

對不起，但如果涉及Javascript與HTML，我是一個noob。我試圖製作一個按鈕，當多個複選框被選中時，它會改變它的值。通過jquery更改按鈕值

例子：如果一個複選框被選中=按鈕：刪除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）的服務器端不工作（刪除行）。謝謝你的幫助和你的時間！

來源

2014-03-01 RezaM

首先你必須把你的代碼塊中：

$(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");

來源

2014-03-01 14:06:19

Badum TSS：P它的工作原理，非常感謝你！ – RezaM

試試這個。

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); 
});

來源

2014-03-01 14:12:33

改進了答案...如果沒有選擇任何默認值將分配給按鈕 –

通過jquery更改按鈕值

回答

相關問題