你直接用我的代码吧，我改了不少：
<body><form>
姓名：<input type="text" name="姓名" id="name" /> 成绩：<input type="text" name="成绩" id="score" /> <input type="button" id="saveBtn" value="保存" onclick= "Add()" />
</form>
<br />
<table width="100%" border="1" id="SmithTb">
<tr><td width="30%"><input type="checkbox" id="ckall" /> 选择</td><td width="30%">姓名</td><td width="40%">成绩</td></tr>
<tr><td><input type="checkbox" class="cbx" /></td><td width="30%">张三</td><td width="30%">70</td>
<tr><td><input type="checkbox" class="cbx" /></td><td width="30%">李四</td><td width="30%">90</td>
</table>
<script type="text/javascript" src="/include/jquery-182minjs"></script>
<script type="text/javascript">
$(document)ready(function(){
$("#ckall")click(function(){
var th = $(this)is(":checked");
$("cbx")each(function(){
$(this)attr("checked", th);
});
});
});
function Add(){
var name = $("#name")val();
var score = $("#score")val();
var isAdd = true;
$("cbx")each(function(){
if($(this)is(":checked")){
isAdd = false;
$(this)parent("td")next("td")text(name);
$(this)parent("td")next("td")next("td")text(score);
}
});
if(isAdd)
$("#SmithTb")append('<tr><td><input type="checkbox" class="cbx" /></td><td width="30%">'+name+'</td><td width="30%">'+score+'</td></tr>');
}
</script>
</body>增加一个提交按钮,或者在<form>标记里增加onsubmit事件
<form method="post" action="">
<select name="moduleId" >
<option value="">请选择</option>
<c:forEach items="${modules}" var="module">
<option value="${modulemoduleId}" >${modulemoduleName }</option>
</c:forEach>
</select>
<input type="submit" onclick="return validate()" />
</form>
<script language="javascript">
function validate()
{
var moduleId = documentgetElementById("moduleId")value;
if(moduleId ==""){
alert("请选择发布的新闻所属Module!");
elementfocus();
return false;
}
</script>
上面的思路没错,JS代码错误了
<html>
<head>
<script language=javascript>
function x()
{
var b=documentforms[0]avalue;
if(b=="")
{
alert("请选择名称");
return false;
}
}
</script>
</head>
<body>
<form method="post" action="">
选择:<select name="a"><option value="">选择</option><option
value="1">一</option></select><br/>
<input type="button" value="提交" onclick="return x();" />
</form>
</body>
</html>
其实不用使用documentgetElementById
用documentforms[0]moduleId还更方便第一步，打开浏览器，随便打开一个网页，如百度首页
按F12快捷键后，在网页的右面或者下面会出现如图所示的调试窗口，
浏览器自带的console控制台有提示的功能哦，初学前端的同学一定都不熟悉js函数，可以用这个提示哦
第一个我们要做的是在控制台打印“helloworld”程序
但是当我们想连续输出两行打印语句发现在控制台里按住回车键以后是直接解释执行，根本无法连续编写两行代码
其实，只是一个技巧，但是好多人却不知道，初学前端的朋友也不知怎么搜索解决，当我们想换行的时候，按住shift键以后，再按回车，即可出现上图的效果。最后安利一个功能：当想重复输入某个语句的时候，只需要按向上的箭头就可以快速生成已经编译的语句
欢迎分享，转载请注明来源：内存溢出
微信扫一扫
支付宝扫一扫
评论列表（0条）