Jquery 如何在提交时调用函数?
我无法在提交时调用jQuery。功能中的警报不显示 我想显示所有选中复选框名称的警报 这是我的密码:Jquery 如何在提交时调用函数?,jquery,html,Jquery,Html,我无法在提交时调用jQuery。功能中的警报不显示 我想显示所有选中复选框名称的警报 这是我的密码: <!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd"> <html> <head> <meta http-equiv="Content-Type" content="text/ht
<!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd">
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=ISO-8859-1">
<title>Insert title here</title>
</head>
<script src="//ajax.googleapis.com/ajax/libs/jquery/1.9.1/jquery.min.js">
</script>
<script>
$(document).ready({
$("#roleManagement").submit(function() {
alert("hi");
var selected = new Array();
$('#checkboxes input:checked').each(function() {
selected.push($(this).attr('name'));
});
$.each(selected, function(key, value) {
alert(key + ": " + value);
});
});
</script>
<body>
<form method="post" id="roleManagement">Role Id
<input type="text" name="roll_id" />
<br>Role Name
<input type="text" name="roll_name" />
<br>Role Description
<textarea name="roll_desc"></textarea>
<br>
<br>
<br>
<div id="checkboxes">Screen1
<br>tab1
<br>
<input type="checkbox" name="s1_t1_view" value="s1_t1_view" checked="checked >view<br>
<input type=" checkbox " name="s1_t1_add " value="s1_t1_add " >add<br>
<input type="checkbox " name="s1_t1_edit " value="s1_t1_edit " >edit<br>
<input type="checkbox " name="s1_t1_delete " value="s1_t1_delete " >delete<br>
tab2<br>
<input type="checkbox " name="s1_t2_view " value="s1_t2_view " >view<br>
<input type="checkbox " name="s1_t2_add " value="s1_t2_add " >add<br>
<input type="checkbox " name="s1_t2_edit " value="s1_t2_edit " >edit<br>
<input type="checkbox " name="s1_t2_delete " value="s1_t2_delete " >delete<br>
Screen2<br>
tab1<br>
<input type="checkbox " name="s2_t1_view " value="s2_t1_view " >view<br>
<input type="checkbox " name="s2_t1_add " value="s2_t1_add " >add<br>
<input type="checkbox " name="s2_t1_edit " value="s2_t1_edit " >edit<br>
<input type="checkbox " name="s2_t1_delete " value="s2_t1_delete " >delete<br>
tab2<br>
<input type="checkbox " name="s2_t2_view " value="s2_t2_view " >view<br>
<input type="checkbox " name="s2_t2_add " value="s2_t2_add " >add<br>
<input type="checkbox " name="s2_t2_edit " value="s2_t2_edit " >edit<br>
<input type="checkbox " name="s2_t2_delete " value="s2_t2_delete " >delete<br>
</div>
<input type="submit " name="sumbit " text="submit ">
</form>
</body>
</html>
在此处插入标题
$(文件)。准备好了吗({
$(“#角色管理”).submit(函数(){
警报(“hi”);
所选变量=新数组();
$('#复选框输入:选中')。每个(函数(){
选中.push($(this.attr('name'));
});
$。每个(已选择,功能(键,值){
警报(键+”:“+值);
});
});
角色Id
角色名
角色描述
屏幕1
表1
当您从本地文件系统运行它时,您需要将http:
放入jquerylib链接中-
<script src="http://ajax.googleapis.com/ajax/libs/jquery/1.9.1/jquery.min.js">
</script>
当您从本地文件系统运行它时,您需要将http:
放入jquerylib链接中-
<script src="http://ajax.googleapis.com/ajax/libs/jquery/1.9.1/jquery.min.js">
</script>
脚本不正确,需要将函数作为参数传递给ready()
脚本不正确,需要将函数作为参数传递给ready()
看来你错过了结局
});
在javascript上使用document.ready()包装器。关闭它,您应该会没事
这里显示的是您的代码确实在运行。看起来您缺少结尾
});
在javascript上使用document.ready()包装器。关闭它,您应该会没事
这里显示的是您的代码确实在运行。您是从本地文件系统运行它吗?@pXL是的。我在本地系统上运行。checked=“checked>查看
缺少结束语:checked=“checked”>查看
您是从本地文件系统运行它吗?@pXL是的。我在本地系统上运行。checked=”选中>查看
缺少结束报价:checked=“checked”>视图
已更改。但它仍然不运行该函数。@DeepeshShetty您需要更正syntex。请参阅answerChanged中的更新。但它仍然不运行该函数。@DeepeshShetty您需要更正syntex。请参阅answerChanged中的更新answer@DeepeshShetty如果这个答案帮助你解决了你的问题,你应该考虑把它标记为接受。为了向未来的用户表明这是帮助你解决的问题。弗兰·奥斯瓦尔做了这件事。抱歉耽搁了。“如果你的答案已经帮助你解决了你的问题,你应该考虑把它标记为接受,以向未来的用户表明这正是帮助你解决的问题。”弗兰·奥斯瓦尔损坏了。抱歉耽搁了。