在这个例子中,如果没有任何复选框被选中,则提交按钮将被禁用;如果至少选中了一个,则提交按钮将被启用。
<form>
<!-- bunch of checkboxes like: -->
<input type="checkbox" ... >
<input type="checkbox" ... >
<!-- submit button, defaults to disabled -->
<input type="submit" value="submit">
</form>
诀窍是,你可以对包含多个元素的 jQuery 对象使用 .is(":checked")
,如果其中任何一个被选中,它将返回 true;如果没有任何一个被选中,它将返回 false。而且,使用 .attr()
为 disabled
属性设置该布尔值将启用/禁用该按钮。
var checkboxes = $("input[type='checkbox']"),
submitButt = $("input[type='submit']");
checkboxes.click(function() {
submitButt.attr("disabled", !checkboxes.is(":checked"));
});
太棒了!
优雅的解决方案
真不错
谢谢! 正是我需要的!
我们能否用 UL LI 结构做到同样的事情?比如,我使用自定义选择框,它会将 SELECT - OPTION 标签转换为 UL - LI,所以我们将拥有
点击 LI 时,我希望至少有一个 LI 具有 CLASS selected。如果没有,则应该发出警报,并且无法刷新页面。
你能帮我吗?
您可以使用 Parsley Validation Plugin。它真的很酷,很有用,也很容易使用。 这是链接
http://parsleyjs.org/
享受……
vbnvbnvbn
太棒了! 你是程序员忍者! ;)