Hoffman_ZZZ

крайне просто

<input type="checkbox" name="first" id="f1" />
 <input type="checkbox" name="second" class="ch" disabled />
<input type="checkbox" name="second" class="ch" disabled />

$("#f1").change(function() {	
if ($("#f1").prop('checked')) {
	$(".ch").prop("disabled", false);
} 
else {
    $(".ch").prop("disabled", true);
  }
});

Нужный вам коллбэк — afterAction

owl.owlCarousel({
	navigation : false,
	singleItem : true,
	slideSpeed : 300,
	paginationSpeed : 400,
	autoPlay: true,
	transitionStyle : "fade",
	addClassActive : true,

	afterAction: function(){
		$('p').removeClass('fadeInDown');
		$('.active p').addClass('fadeInDown');
	}
});

Попробуйте svg-маски.

Про SVG уже написали. А вот решение на псевдоэлементах.
Угол можно менять, ширину контейнера тоже.

#cartForm - должен быть id формы. И, желательно, проверить консоль на наличие ошибок.

<form id="cartForm" method="post">
    <input type="text" />
    <input type="submit" />
</form>

// Событие на id формы
$("#cartForm").on('submit', function (e) {   
    e.preventDefault();
    
    // Сохраняем сслыку на форму
    var form = this;
    
    $.ajax({
        url: 'some url'
    }).done(function(data) {
        // Ajax выполнен, отправляем форму
        form.submit();
    });
});