jquery - 「ONLY」をクリックすると、すべての入力テキストがチェックされず、現在のテキストがチェックされます

Question

クラスにカーソルを合わせる".airportdetails"と、div入力全体をクリックするとテキストのみが表示され、チェックされます.btだけをクリックすると、他のすべてのチェックが解除され、現在のテキストのみがチェックされます

ここにフィドルがあります

http://jsfiddle.net/VRE9n/4/

$(document).ready(function () {
$(".airportdetails").mouseover(function() {
    $("li a", this).show();
}).mouseout(function(){
$("li a", this).hide();
});
})

$('.airportdetails').click( function() {
    var $newcheck = $(this).find(":checkbox");
    if (!$newcheck.prop("checked") ) {
        $newcheck.prop("checked", true);
    } else {
        $newcheck.prop("checked", false);
    }
});
$('.airportdetails input').click(
    function(event){
        event.stopPropagation();
    });

Answer 1

$(":checkbox").prop("checked", false);クリック機能の最初に追加して、チェックボックスを見つけてチェックを外します。

$('.airportdetails').click( function() {
    $(":checkbox").prop("checked", false);
    var $newcheck = $(this).find(":checkbox");
    if (!$newcheck.prop("checked") ) {
        $newcheck.prop("checked", true);
    } else {
        $newcheck.prop("checked", false);
    }
});

http://jsfiddle.net/VRE9n/5/

Answer 2

このコードを試してください：

$('.airportdetails').click( function() {
var $allcheck = $('.airportdetails ul li').find(":checkbox");
if (!$newcheck.prop("checked") ) {
    $(":checkbox").prop("checked", false);
    $newcheck.prop("checked", true);
} else {
    $newcheck.prop("checked", false);
}
});