gpt4 book ai didi

javascript - Jquery 检查复选框是否被选中

转载 作者:行者123 更新时间:2023-11-29 17:15:47 24 4
gpt4 key购买 nike

这段代码有些问题。

我有 div 框,当点击 Coutries 标题时,他会显示国家列表。该列表包含 5 个复选框

  • 德国
  • 美国
  • 塞尔维亚
  • 法国

fiddle http://jsfiddle.net/ikac/bfaH5/

当我尝试检查某个国家/地区是否已检查时遇到问题..

   searchContainer: function() {

var title = $(".title-search");

// On click show countury list

title.click(function(){
$(".state").fadeToggle('fast',function(){

// check if sothing checked

if ($("#france").is(':checked')) {
alert("France Selected");

// Show all cities from this countury
}

});
});
}

但是当我检查一个国家时什么也没有发生....

我第一次尝试这个:

if($("#france").checked = true)) {
alert("FRANCE");
}

但是当我点击标题并完成 fadeToggle 时,他会显示警报(法国)而无需检查。

HTML :

<!DOCTYPE html>
<html>
<head>

<meta http-equiv="Content-Type" content="text/html; charset=UTF-8">
<script src="https://ajax.googleapis.com/ajax/libs/jquery/1.8.3/jquery.min.js"></script>
<script src="javascript/gfactory.js"></script>
<link rel="stylesheet" type="text/css" href="css/gfactory.css">
<script>

$(document).ready(function() {
window.Balcanrent.init();
window.Balcanrent.searchContainer();
});

</script>

</head>
<body>

<form name="search">

<div class="search-box">
<div class="title-search"> Counturies </div>
<div class="state">
<ul class="s_list">
<li><input id="ger" type="checkbox" value="gr">Germania</li>
<li><input id="usa" type="checkbox" value="usa">USA</li>
<li><input id="sr" type="checkbox" value="sl"> Serbia </li>
<li><input id="france" type="checkbox" value="fr">France </li>
</ul>
</div>
</div>
</form>
</body>
</html>

然后我尝试使用 .length > 0 但什么也没有。我做错了什么?

谢谢。

最佳答案

如果您更喜欢使用 CSS 选择器方法,您可以这样做:

var c = $('#france').is(":checked");

或者:

var c = $('#france').prop("checked");

.prop() 可能是更好的选择。

来自这里:http://api.jquery.com/prop/ - is() 和 prop(),虽然它们检索不同的东西,但都可靠地工作。虽然使用 attr() 具有不同的含义 - 它仅检索默认值

关于javascript - Jquery 检查复选框是否被选中,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/18164653/

24 4 0
Copyright 2021 - 2024 cfsdn All Rights Reserved 蜀ICP备2022000587号
广告合作:1813099741@qq.com 6ren.com