Question

我将鼠标悬停在课程".airportdetails"上，如果我点击整个div输入，我现在就会出现文字我想要我点击然后所有其他人都取消选中，只有当前才会检查

这里是小提琴

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

单击“仅”，取消选中所有输入文本，并检查当前的输入文本

2 个答案: