initial
This commit is contained in:
@@ -0,0 +1,40 @@
|
||||
(function($) {
|
||||
'use strict';
|
||||
$(function() {
|
||||
var todoListItem = $('.todo-list');
|
||||
var todoListInput = $('.todo-list-input');
|
||||
$('.todo-list-add-btn').on("click", function (event) {
|
||||
event.preventDefault();
|
||||
|
||||
var item = $(this).prevAll('.todo-list-input').val();
|
||||
|
||||
if(item)
|
||||
{
|
||||
todoListItem.append("<li><div class='form-check'><label class='form-check-label'><input class='checkbox' type='checkbox'/>" + item + "<i class='input-helper'></i></label></div><i class='remove mdi mdi-close-circle-outline'></i></li>");
|
||||
todoListInput.val("");
|
||||
}
|
||||
|
||||
});
|
||||
|
||||
todoListItem.on('change', '.checkbox', function()
|
||||
{
|
||||
if($(this).attr('checked'))
|
||||
{
|
||||
$(this).removeAttr('checked');
|
||||
}
|
||||
else
|
||||
{
|
||||
$(this).attr('checked', 'checked');
|
||||
}
|
||||
|
||||
$(this).closest( "li" ).toggleClass('completed');
|
||||
|
||||
});
|
||||
|
||||
todoListItem.on('click', '.remove', function()
|
||||
{
|
||||
$(this).parent().remove();
|
||||
});
|
||||
|
||||
});
|
||||
})(jQuery);
|
||||
Reference in New Issue
Block a user