使用javascript获取复选框的状态
使用javascript获取复选框的状态
提问于 2012-08-13 21:24:55
我正在尝试用jquery编写一个javascript，它应该能够挑选并使用有关复选框是否被选中的信息。每次单击复选框( id为‘edit-toggle me’)时，都会发生这种情况。为此，我编写了一个测试函数，其中包含一些alert()函数，以查看是否成功。
(function ($) {
"use strict";
$(document).ready(function () {
$('#edit-toggle-me').click(function(){
if ($('#edit-toggle-me').checked()) {
alert('Yup!');
}
else {
alert('Nup!');
}
});
});
})(jQuery);它没有执行这两个警报，所以我猜它会在$('#edit-toggle-me').checked()崩溃。我不知道为什么。
我也尝试过这个：
(function ($) {
$(document).ready(function () {
$('#edit-toggle-me').click(function(){
var elementy = document.getElementById('edit-toggle-me');
var check = elementy.value;
alert(check);
if(elementy.checked()) {
alert('yup');
}
});
});
})(jQuery);第一个警报有效，但最后两个“yup”或“nup”都不行。
然后我还尝试了这个：
(function ($) {
$(document).ready(function () {
$('#edit-toggle-me').click(function(){
var element2 = document.getElementById('edit-toggle-me');
var check = element2.value;
alert(check);
});
});
})(jQuery);它总是返回1。我也不明白为什么。
感谢您的任何提示。
Stack Overflow用户
发布于 2012-08-13 21:54:44
$(function(){
$('#edit-toggle-me').on('change', function(){
if($(this).is(':checked')) {
alert('checked');
}
else {
alert('unchecked');
}
});
});您应该使用�change�event，而不是单击。因为在某些情况下，click事件不适合在复选框和单选按钮中使用。
示例1:
如果您有一个单选按钮，请单击事件绑定。如果你的单选按钮已经是真的，而你点击了单选按钮。它不会更改单选按钮值，但每次都会触发�事件。
但是如果你使用change event的话。只有当你的单选按钮值发生改变时，你的事件才会被触发(如果你的单选按钮值�s没有被选中或者是真的)
示例2:如果您有任何单选按钮或复选框的标签，则为。如果您在复选框或单选按钮中单击了事件绑定。单击您的标签时，您的复选框或单选按钮值发生了更改，但您的单击事件不会调用。
以防发生更改事件。点击标签相关的标签时，It�也会按预期工作。
页面原文内容由Stack Overflow提供。腾讯云小微IT领域专用引擎提供翻译支持
原文链接：
https://stackoverflow.com/questions/11935163
复制相关文章
相似问题
腾讯云开发者
