jQuery 一组checkbox只能选一个，在未选择情况下点击按钮弹出“undefined”对话框怎么解决？
<scripttype="text/javascript">$(document).ready(function(){//取消$("#cancel").click(fun...
<script type="text/javascript">
$(document).ready(function(){
//取消
$("#cancel").click(function() {
$(":checkbox").each(function() {
$(this).attr("checked", false);
$(this).next().css({
"background-color" : "White",
"color" : "black"
});
});
});
//只选择一个
$(function() {
var allBox = $(":checkbox");
allBox.click(function() {
allBox.removeAttr("checked");
$(this).attr("checked", "checked");
});
$(":button").click(function() {
alert($(":checkbox:checked").val());
});
});
});
</script> 展开
$(document).ready(function(){
//取消
$("#cancel").click(function() {
$(":checkbox").each(function() {
$(this).attr("checked", false);
$(this).next().css({
"background-color" : "White",
"color" : "black"
});
});
});
//只选择一个
$(function() {
var allBox = $(":checkbox");
allBox.click(function() {
allBox.removeAttr("checked");
$(this).attr("checked", "checked");
});
$(":button").click(function() {
alert($(":checkbox:checked").val());
});
});
});
</script> 展开
3个回答
展开全部
<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8"/>
<title>test</title>
<script src="jquery1.8/jquery-1.8.0.min.js">
</script>
<script type="text/javascript">
$(document).ready(function() {
//取消
$("#cancel").click(function() {
$(":checkbox").each(function() {
$(this).prop("checked", false);
$(this).next().css({
"background-color": "white",
"color": "black"
});
});
});
//只选择一个
var allBox = $(":checkbox");
allBox.click(function() {
$("#cancel").triggerHandler("click");
$(this).prop("checked", true);
console.log($(":checkbox:checked").val());
console.log($(this).val());
});
});
</script>
</head>
<body>
<input type="button" id="cancel" value="cancel" />
<input type="checkbox" name="c" value="c1" />c1
<input type="checkbox" name="c" value="c2" />c2
<input type="checkbox" name="c" value="c3" />c3
</body>
</html>
已赞过
已踩过<
评论
收起
你对这个回答的评价是？
展开全部
你的#cancel是不是也是button呢。如果是的话选择一个checkbox之后点击button会先触发cancel。
所以alert的时候已经没有选择的checkbox了。
所以alert的时候已经没有选择的checkbox了。
追问
cancel是取消按钮，还有一个删除按钮。我现在不进行checkbox操作，直接触发按钮
追答
把:button改成用删除的id试试
本回答被提问者采纳
已赞过
已踩过<
评论
收起
你对这个回答的评价是？
展开全部
try catch掉拉到了
追问
你以为在做着玩啊，要有良好的用户体验
已赞过
已踩过<
评论
收起
你对这个回答的评价是？
更多回答（1）
推荐律师服务：
若未解决您的问题，请您详细描述您的问题，通过百度律临进行免费专业咨询
