如果所有复选框都未选中,则警告用户
warn user if all checkboxes are unchecked
我有一个带有一系列复选框的表单。我想警告用户,在他们点击提交后,如果所有复选框都未选中。我使用以下代码来报告复选框的所有值:
$('[id^=leg_rider]').filter(':checked');
这似乎奏效了。然而,当我试图检查返回的对象是否为空时,它似乎不起作用。这就是我正在尝试的:
$("#set_pref_submit").click(function() {
var legchecked = $('[id^=leg_rider]').filter(':checked');
if (!legchecked){ alert("no riders")};
});
欢迎提出任何建议。谢谢
您可以使用jQuery对象的length
属性:
$("#set_pref_submit").click(function() {
var legchecked = $('input[id^=leg_rider]:checked').length;
if (legchecked){ alert("no riders")};
});
工作演示:http://jsfiddle.net/MrkfW/
试试这个:也使用.change api,这样它就可以保持跟踪:)
API:http://api.jquery.com/change/
$("input[type='checkbox'][id^=leg_rider]").change(function(){
var a = $("input[type='checkbox'][id^=leg_rider]");
if(a.length == a.filter(":checked").length){
alert('all checked');
} else {
alert('not all checked');
}
});
试试这个:
我的html:
<input id="chkbx_0" type="checkbox" class="checkbox" name="c_n_0" checked="checked" />Option 1
<br/><input id="chkbx_1" type="checkbox" class="checkbox" name="c_n_1" />Option 2
<br/><input id="chkbx_2" type="checkbox" class="checkbox" name="c_n_2" />Option 3
<br/><input id="chkbx_3" type="checkbox" class="checkbox" name="c_n_3" checked="checked" />Option 4
<br/><br/>
<input type="button" value="Click me" class="testall"/>
我的JQuery代码:
jQuery(".testall").click(function () {
if (jQuery(".checkbox:checked").length == 0) { alert("no riders"); }
});
现场示例:http://jsfiddle.net/webwarrior/NJwv4/9/
这将使您可以选择只选中某些复选框。
hth,Shaun
if (legchecked.size() == 0){ alert("no riders")};
在线
if (!legchecked){ alert("no riders")};
你实际上是在检查对象的存在,而不是它是否为空。由于您使用的是jQuery,因此可以使用.isEmptyObject()函数来检查对象是否为空。
if($.isEmptyObject(legchecked)) {alert ("no riders")};
相关文章:
- 我确实有一个表单,如果用户输入了输入,它应该检查否定或空的输入框,并抛出一条警告消息
- 用户注销警告和自动超时
- 如果所有复选框都未选中,则警告用户
- 我如何生成一个警告/弹出窗口,说明在用户点击之前避免点击浏览器的后退按钮
- 警告用户刷新页面,但允许更改 URL
- 弹出框警告用户尚未接受条款和条件(使用PayPal)
- 如何在Shiny中创建一个弹出窗口来警告用户选择一种类型的文件扩展名
- 在AJAX调用期间替换表单时,警告用户未保存的表单更改
- 警告用户退出页面的最佳方式
- 当警告用户他们正在留下未保存数据的表单时,停止带有提交按钮的回发
- '在关闭或离开未保存更改的页面之前警告用户'并# 39;t工作
- 当Javascript被禁用时,我如何检测并警告用户?
- 如何查看任何字段的值是否已更改,警告用户未保存的更改
- 在使用jQuery离开网站之前警告用户
- 警告用户如果窗口.宽度小于950px jQuery
- 在离开未保存更改的网页之前警告用户
- 使用Javascript将我的html输入限制为只有文本并警告用户否则
- 当从未保存更改的页面导航时警告用户
- 如果加载了localStorage数据,就警告用户
- 在spring mvc会话超时之前警告用户