jquery - 单击“仅”所有输入文本未选中，当前文本应被选中

Question

我将鼠标悬停在类上".airportdetails"，如果我单击整个 div 输入，则现在只显示文本

这是小提琴

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);
}
});