更改格邊境

Question

鏈接：http://jsfiddle.net/KM9bK/1/

$('.comprejuntoproduto input:checkbox').on('click', function (e) { 
if ($('.comprejuntoproduto input:checkbox').is(':checked')) { 
$(".comprejuntoproduto").addClass("changeborder"); 
}else{ 
$(".comprejuntoproduto").parent().removeClass("changeborder"); 
} 
}); 

我想在.compreprodutojunto輸入：複選框被選中，改變.compreprodutojunto邊框樣式。

非常感謝

Answer 1

首先，你需要實際包含了jQuery庫，如果你打算使用jQuery（不知道這是一個只有小提琴發出與否）。如果您沒有在您的實際頁面包含的jQuery的jsfiddle之外，你會做這樣的：

<script src="//ajax.googleapis.com/ajax/libs/jquery/2.0.2/jquery.min.js"></script>

（注意，你可以，如果你喜歡自己主持它下載自己的副本，或直接從code.jquery.com）

而且稱呼它，當你調用.removeClass()，你可以簡單地調用它，你以前在名爲.addClass()的元素，在這種情況下<div class="comprejuntoproduto">。

參見：http://jsfiddle.net/KM9bK/7/

$('.comprejuntoproduto input:checkbox').on('click', function (e) { 
    if ($(this).is(':checked')) { 
    $(".comprejuntoproduto").addClass("changeborder"); 
    } else { 
    $(".comprejuntoproduto").removeClass("changeborder"); 
    } 
});