jQuery複選框 - 說明

-7

我做了一個沒有的小表格。複選框。當我點擊「全部檢查」 - 複選框時，所有複選框都會自動檢查。這是我的代碼，但我只從互聯網上獲得了以下代碼。雖然它的工作，但由於我是jQuery新手，我不明白這段代碼的作用。有人可以解釋嗎？jQuery複選框 - 說明

<html> 
<head> 
<script src="https://ajax.googleapis.com/ajax/libs/jquery/1.12.0/jquery.min.js"></script> 
<script> 
$(document).ready(function(){ 
$("#checkAll").change(function() { 
    $("input:checkbox").prop('checked', $(this).prop("checked")); 
    alert("Yoy have checked all"); 
}); 
}); 
</script> 
</head> 
<body> 
<form> 
    <p><label><input type="checkbox" id="checkAll"/> Check all</label></p> 

    <fieldset> 
     <legend>All Checkboxes</legend> 
     <p><label><input type="checkbox" /> Option 1</label></p> 
     <p><label><input type="checkbox" /> Option 2</label></p> 
     <p><label><input type="checkbox" /> Option 3</label></p> 
     <p><label><input type="checkbox" /> Option 4</label></p> 
    </fieldset> 
</form> 
</body> 
</html>

來源

2016-03-07 Rupali Rana

你的問題是什麼？ –

請解釋我腳本如何在上述程序中工作 –

'$（「input：checkbox」）'選擇所有類型爲「checkbox」的輸入元素，並簡單地將屬性「checked」添加到它們中的所有元素。 '$（this）.prop（「checked」）'是一種檢查複選框是否被選中的方法。換句話說，代碼將檢查複選框是否被選中（true或false），並且它將使用該結果來取消選中或選中複選框。這個例程將爲類型複選框的每個輸入元素執行。 – Jorrex

這是很簡單，先在此代碼，當您檢查的第一個（可複選）複選框，然後改變事件是發生下一行簡單的$（」輸入：複選框）「選擇器選擇全部複選框。和prop函數檢查屬性檢查 $（this）.prop（「checked」）;在複選框中添加選中的項目並檢查所有複選框。

來源

2016-03-07 12:02:54

try this code..!! go thriugh this link, this will help you..

http://jsfiddle.net/likhi1/qFE2C/

來源

2016-03-07 11:05:09

這裏是腳本註釋：

// When document is ready, run function 
$(document).ready(function(){ 

    // When 'change' event is triggered on element with id 'checkAll' 
    // run function 
    $("#checkAll").change(function() { 

     // Set property 'checked' of all inputs with type 'checkbox' 
     // to state that #checkAll input has 
     $("input:checkbox").prop('checked', $(this).prop("checked")); 

     // Alert 'Yoy have checked all' 
     alert("Yoy have checked all"); 
    }); 

});

你可以看到它在行動here。

如果你不是很熟悉jQuery的或的JavaScript，請在YouTube或只是谷歌它的一些初級教程。有很多視頻教程解釋基本的HTML和jQuery東西應該是非常有用的。

請注意，stackoverflow是不是一個地方，其他開發人員將解釋一些代碼段的作用。

希望這是有用的:)

來源

2016-03-07 11:07:14 bulicmatko

txx但我早前就已經明白了... –

jQuery複選框 - 說明

回答

相關問題