有效沟通问答-【官方】尚新途_IT在线教育培训机构

会员可以在此提问，尚新途老师有问必答

对大家有帮助的问答会被标记为“推荐”，看完课程过来浏览一下别人提的问题，会帮你学得更全面

截止目前，同学们一共提了128801个问题

兰林信风•2022-05-25 17:24:59

<html>
	<head>
		<title>jQuery操作表格</title>
		<meta charset="UTF-8"/>
		<!--声明css代码域-->
		<style type="text/css">
			tr{
				height: 40px;
			}
		</style>
	 
	 	<script type="text/javascript" src="js/jquery-1.9.1.js" ></script>
		
		<script src="js/gwc.js" type="text/javascript">
			
		</script>
		
		
	</head>
	<body>
		<h3>jQuery操作表格</h3>
		<hr />
		<input type="button" id="fx" value="反选" />
		<input type="button" id="addRow" value="新增一行" />
		<input type="button" id="delRow" value="删除行" />
		<input type="button" id="copyRow" value="复制行" />
		<table border="1px" cellpadding="10px" cellspacing="0" id="ta">
			<tr>
				<td width="50px"><input type="checkbox" name="chks" id="chks" value="1" /></td>
				<td width="200px">书名</td>
				<td width="200px">作者</td>
				<td width="200px">数量</td>
				<td width="200px">操作</td>
			</tr>
			<tr id="">
				<td><input type="checkbox" name="chk" id="" value="2"/></td>
				<td>《Java编程之道》</td>
				<td>wollo</td>
				<td>10</td>
				<td>
					<input type="button" name="aa" id="" value="修改数量"  />
					<input type="button" name="" id="" value="删除" />
				</td>
			</tr>
			<tr>
				<td><input type="checkbox" name="chk" id="" value="3" /></td>
				<td>《Python和我的故事》</td>
				<td>赵老师</td>
				<td>10</td>
				<td>
					<input type="button" name="" id="" value="修改数量" />
					<input type="button" name="" id="" value="删除" />
				</td>
			</tr>
			<tr>
				<td><input type="checkbox" name="chk" id="" value="4" /></td>
				<td>《web开发详解》</td>
				<td>张老师</td>
				<td>30</td>
				<td>
					<input type="button" name="" id="" value="修改数量" />
					<input type="button" name="" id="" value="删除" />
				</td>
			</tr>			
		</table>
	</body>
</html>


//下面是jq配置
$(function(){
	
	$("#chks").click(function(){
		
		var flag = $(this).prop("checked");

		$("input[name=chk]").prop("checked",flag);
		
	})
	
	$("input[name=chk]").click(function(){
		
		var flag =true;
		
		var chk = $("input[name=chk]");
		
		chk.each(function(){
			
			if(!$(this).prop("checked")){
				
				flag=false;
				
				return;
				
			}
			
		})
		
		$("#chks").prop("checked",flag);
		
	})
	
	$("#fx").click(function(){
		
		var chk = $("input[type=checkbox]");
		
		chk.each(function(){
			
			var flag = $(this).prop("checked");
			
			$(this).prop("checked",!flag);
			
		})
		
	$("#addRow").click(function(){
		
		var tab = $("#ta");
		
		tab.append('<tr id="">'+
				'<td><input type="checkbox" name="chk" id="" value="2"/></td>'+
				'<td>《Java编程之道》</td>'+
				'<td>wollo</td>'+
				'<td>10</td>'+
				'<td>'+
					'<input type="button" name="aa" id="" value="修改数量"  />'+
					'<input type="button" name="" id="" value="删除" />'+
				'</td>'+
			'</tr>')
		
		})
	
		
	})
	
	
	
	
})

老师麻烦你帮我看一下这个代码是怎么回事呢？

我最后新增一行那里，代码写完刷新之后点新增一行没有反应，必须先点一下反选框，再点新增一行才能新增一行，而且反选框点一次，新增就一次新增一行。如果反选框被点了2次，那么我再点新增一行，就会一次性新增两行了。就是反选框被点几次，新增就会一次新增几行。。。

相关课程：JAVA 全系列/第四阶段：网页编程和设计/Jquery（旧）

华仔•2022-05-24 23:18:12

<!DOCTYPE html>
<html>
	<head>
		<meta charset="utf-8">
		<title>注册页面</title>
		<script>
		//将得到的验证码定义在方法外面，因为校验时要用
		var ran;
			/*验证码*/
			function yzm(){
				//随机生成四位数
				//Math.floor(x)返回小于参数x的最大整数,即对浮点数向下取整
				 ran=Math.floor(Math.random()*9000+1000);
				//获得span对象
				var span = document.getElementById("yzm_span");
				span.innerText=ran;
			}
			/*校检用户名*/
			/*function checkName(){
				//获得用户名的值
				var uname=document.getElementById("uname").value;
				//获得span对象
				var span = document.getElementById("uname_span");
				//正则表达式    只能输入汉字
				var reg = /^[\u4e00-\u9fa5]{3,5}$/;
				if(uname==null || uname==""){
					span.innerText="X用户名不能为空";
					//加样式
					span.style.color="red";
				}else if(reg.test(uname)){
					span.innerText="√用户名含法";
					span.style.color="green";
				}else{
					span.innerText="×用户名不合法";
					span.style.color="red";
				}
			}
			*/
			/*校检密码*/
			/*function checkPwd(){
				//获得密码的值
				var pwd=document.getElementById("pwd").value;
				//获得span对象
				var span = document.getElementById("pwd_span");
				//正则表达式    只能输入汉字
				var reg = /^\d{4,6}$/;
				if(pwd==null || pwd==""){
					span.innerText="X密码不能为空";
					//加样式
					span.style.color="red";
				}else if(reg.test(pwd)){
					span.innerText="√密码含法";
					span.style.color="green";
				}else{
					span.innerText="×密码不合法";
					span.style.color="red";
				}
			}*/
			/*校检用户名*/
			function checkName(){
				var reg = /^[\u4e00-\u9fa5]{3,5}$/;
				//调用check方法
				return check("uname",reg);
			}
			/*校检密码*/
			function checkPwd(){
				//正则表达式    只能输入汉字
				var reg = /^\d{4,6}$/;
				return check("pwd",reg);
			}
			/*手机号*/
			function checkTel(){
				var reg = /^1([38][0-9]|4[5-9]|5[0-3,5-9]|66|7[0-8]|9[89])[0-9]{8}$/;
				return check("phone",reg);
			}
			
			/*邮箱*/
			function checkEmail(){
				var reg =/^\w+([-+.]\w+)*@\w+([-.]\w+)*\.\w+([-.]\w+)*$/;
				return check("ema",reg);
			}
			
			/*提取公共的方法*/
			
			
			function check(id,reg){
				//获得用户名的值
				var uname=document.getElementById(id);
				var val=uname.value; 
				//获得alt属性
				var alt = uname.alt;
				//获得span对象
				var span = document.getElementById(id+"_span");
				
				if(val==null || val==""){
					span.innerText="X"+alt+"不能为空";
					//加样式
					span.style.color="red";
					return false;
				}else if(reg.test(val)){
					span.innerText="√"+alt+"含法";
					span.style.color="green";
					return true;
				}else{
					span.innerText="×"+alt+"不合法";
					span.style.color="red";
					return false;
				}
			}
			
			/*性别检验*/
			function checkSex(){
				//获得性别的对象
				var sex = document.getElementsByName("sex");
				var span = document.getElementById("sex_span");
				//用循环，有两个
				for(var i in sex){
					if(sex[i].checked){
						span.innerHTML="性别选择成功";
						span.style.color="green";
						return true;
					}
				}
				//上面的是选择，下面的是没有选择
				span.innerHTML="请选择性别";
				span.style.color="red";
				return false;
				/*return true/return false   因为已经选择了爱好，但是程序到这里并没有终止，从而导致你选择无效*/
			}
			
			/*爱好检验*/
			function checkFavours(){
				//获得性别的对象
				var fav = document.getElementsByName("fav");
				var span = document.getElementById("fav_span");
				//用循环，有两个
				for(var i in fav){
					if(fav[i].checked){
						span.innerHTML="爱好选择成功";
						span.style.color="green";
						return true;
					}
				}
				//上面的是选择，下面的是没有选择
				span.innerHTML="请选择爱好";
				span.style.color="red";
				return false;
			}
			
			/*籍贯检验*/
			function checkAdress(){
				var sel = document.getElementById("sel").value;
				var span = document.getElementById("sel_span");
				if(sel==0){
					span.innerText="请选择";
					span.style.color="red";
					return false;
				}else{
					span.innerText="已选择";
					span.style.color="green";
					return true;
				}
			}
			
			/*验证码*/
			function checkYzm(){
				var yzm = document.getElementById("yzm").value;
				var span = document.getElementById("yzm2_span");
				if(ran==yzm){
					span.innerText="输入正硧";
					span.style.color="green";
					return true;
				}else{
					span.innerText="输入错误";
					span.style.color="red";
					return false;
				}
			}
			
			/*协议与提交*/
			function checkAgree(){
				//协议对象
				var check = document.getElementById("check");
				//提交对象
				var sub = document.getElementById("sub");
				//没有选择submit才灰色
				sub.disabled=!check.checked;
			}
			
			/*总校验*/
			function all(){
				var flag = checkName()&&checkPwd()&&checkTel()&&checkEmail()checkFavours()&&checkAdress()&&checkYzm()&&checkAgree()&&checkSex();
				return flag;
			}
			/*正则表达式 ：是对于数据格式进行一定的规范限制
			 
			 * ^  :   开始
			 * [0-9] [a-z A-Z]  数字与字母
			 * {2，4}  ：段域    至小是2位	最多是4位
			 * {3}   ：   指定范围就是3位
			 * $  : 结束
			 * \d : [0-9]
			 * \w  : [0-9 a-z A-Z]
			 * */
			
		</script>
		<style type="text/css">
			h2{
				width: 100%;
				text-align: center;
				
			}
			form{
				margin-left: 500px;
			}
			.left{
				padding-right: 30px;
				text-align: right;
			}
		</style>
	</head>
	<body onload="yzm()">
		<h2 >注册页面</h2>
		<hr />
		
			<form action="#" method="get" onsubmit="return all()">
				<table width="500px">
					<tr>
						<td class="left">用户名：</td>
						<td>
							<!--失去焦点时调用    onblur=""-->
							<input type="text" name="uname" id="uname" placeholder="请输入" alt="用户名" onblur="checkName()"/>
							<span id="uname_span">用户名必须是3至5位汉字</span>
						</td>
					</tr>
					<tr>
						<td class="left">密码：</td>
						<td>
							<input type="password" name="pwd" id="pwd" alt="密码" onblur="checkPwd()"/>
							<span id="pwd_span"></span>
						</td>
					</tr>
					<tr>
						<td class="left">手机号：</td>
						<td>
							<input type="tel" name="phone" id="phone" alt="手机号" onblur="checkTel()"/>
							<span id="phone_span"></span>
						</td>
					</tr>
					<tr>
						<td class="left"> 邮箱：</td>
						<td>
							<input type="email" name="" id="ema" value="" alt="邮箱" onblur="checkEmail()"/>
							<span id="ema_span"></span>
						</td>
					</tr>
					<tr>
						<td class="left">性别：</td>
						<td>
							男:<input type="radio" name="sex" value="man" onclick="checkSex()"/>
							女:<input type="radio" name="sex" value="wonam" onclick="checkSex()"/>
							<span id="sex_span">
							
							</span>
						</td>
					</tr>
					<tr>
						<td class="left">爱好：</td>
						<td>
							<input type="checkbox" name="fav" id="song" value="唱歌" onclick="checkFavours()"/>
							<label for="song">唱歌</label>
							<input type="checkbox" name="fav" id="sleep" value="sleep" onclick="checkFavours()"/>
							<label for="sleep">睡觉</label>
							<input type="checkbox" name="fav" id="lol" value="lol" onclick="checkFavours()"/>
							<label for="lol">LOL</label><br />
							<input type="checkbox" name="fav" id="visit" value="旅游" onclick="checkFavours()"/>
							<label for="visit">旅游</label>
							<input type="checkbox" name="fav" id="gef" value="高尔夫" onclick="checkFavours()"/>
							<label for="gef">高尔夫</label>
							<input type="checkbox" name="fav" id="basketball" value="basketball" onclick="checkFavours()"/>
							<label for="basketball">篮球</label>
							<span id="fav_span">
								
							</span>
						</td>
					</tr>
					<tr>
						<td class="left">籍贯：</td>
						<td>
							<select name="籍贯" id="sel" onchange="checkAdress()">
								<option value="0">请选择</option>
								<option value="1">广东</option>
								<option value="2">上海</option>
								<option value="3">北京</option>
								
							</select>
							<span id="sel_span">
									
								</span>
						</td>
					</tr>
					<tr>
						<td class="left">验证码：</td>
						<td>
							<input type="number" name="" id="yzm" value="" onblur="checkYzm()"/>
							<span id="yzm_span"></span>
							<span id="yzm2_span"></span>
						</td>
					</tr>
					<tr>
						<td class="left">个人介绍：</td>
						<td>
							<textarea name="自我介绍" rows="10" cols="20"></textarea>
						</td>
					</tr>
					<tr>
						<td></td>
						<td>
							<input type="checkbox" name="协议" id="check" onblur="checkAgree()"/>
							是否同意本公司协议
						</td>
					</tr>
					<tr>
						<td></td>
						<td>
							<!--disabled="true"  按钮不能用-->
							<input type="submit" id="sub" value="注册" disabled="true"/>
						</td>
					</tr>
				</table>
				
			</form>
		
	</body>
</html>

老师，最后的总校验（all()）运行不了，查不到原因，麻烦老师帮我看看哪里出错了

相关课程：JAVA 全系列/第四阶段：网页编程和设计/Javascript 语言（旧）

Xiaoxuan•2022-05-24 21:11:20

输出了a和b的值但是说favicon.ico未找到是什么原因

相关课程：JAVA 全系列/第四阶段：网页编程和设计/Javascript 语言（旧）

Zee•2022-05-22 23:33:13

老师帮看一下 我的按钮   “是”跳转图片不成功

<!DOCTYPE html>

<html>

<head>

<style>

body{

background-image: url(img/bjsky.jpg);

background-repeat:no-repeat ;

background-size: 1600px 800px;

}

font-size: 25px;

color: #ffffff;

}

.div1{

width: 300px;

height: 200px;

background-color: gray;

text-align: center;

}

input{

width: 40px;

height: 30px;

}

</style>

var i=-1;

function changebc(){

var arr=['bjsky.jpg','mayun.jpg','simple.jpg','sxt.jpg','zgc.jpg'];

if(i<arr.length-1){

i++;

}else{

i=0;

}

document.body.style.backgroundImage="url(img/"+arr[i]+")"

}

function chengove(){

//获得div对象

var div = document.getElementById("div_1");

div.style.marginTop=Math.random()*500+"px";

div.style.marginLeft=Math.random()*800+"px";

}

function changeclk(){

document.body.style.backgroundImage="url(img/1.jpg)";

//设置当前div隐藏

document.getElementById("div_1").style.display="none";

}

</script>

</head>

<body>

< a href="javascript:changebc()">点击更换主题</ a>

<h3>我是不是你的小可爱</h3>

</div>

</body>

</html>

相关课程：JAVA 全系列/第四阶段：网页编程和设计/Javascript 语言（旧）

风止意难平•2022-05-22 16:37:46

为什么其他两个都可以但京东出现拒绝访问呢？

相关课程：JAVA 全系列/第四阶段：网页编程和设计/HTML5（旧）

风止意难平•2022-05-22 16:13:20

为什么两个的选择不一样呢？

相关课程：JAVA 全系列/第四阶段：网页编程和设计/HTML5（旧）

俊•2022-05-21 21:21:35

<!DOCTYPE html>

<html>
    <head>
        <title>jQuery操作表格</title>
        <meta charset="UTF-8"/>
        <!--声明css代码域-->
        <style type="text/css">
            tr{
                height: 40px;
            }
        </style>
        <script type="text/javascript" src="js/jquery-1.9.1.js" ></script>
        <script type="text/javascript" src="js/gwc.js" ></script>
         
    </head>
    <body>
        <h3>jQuery操作表格</h3>
        <hr />
        <input type="button" id="fx" value="反选" />
        <input type="button" id="addRow" value="新增一行" />
        <input type="button" id="delRow" value="删除行" />
        <input type="button" id="copyRow" value="复制行" />
        <table border="1px" cellpadding="10px" cellspacing="0" id="ta">
            <tr>
                <td width="50px"><input type="checkbox" name="chks" id="chks" value="1" /></td>
                <td width="200px">书名</td>
                <td width="200px">作者</td>
                <td width="200px">数量</td>
                <td width="200px">操作</td>
            </tr>
            <tr id="">
                <td><input type="checkbox" name="chk" id="" value="2"/></td>
                <td>《Java编程之道》</td>
                <td>wollo</td>
                <td>10</td>
                <td>
                    <input type="button" name="aa" id="" value="修改数量" onclick="change(this)" />
                    <input type="button" name="" id="" value="删除" />
                </td>
            </tr>
            <tr>
                <td><input type="checkbox" name="chk" id="" value="3" /></td>
                <td>《Python和我的故事》</td>
                <td>赵老师</td>
                <td>10</td>
                <td>
                    <input type="button" name="" id="" value="修改数量" onclick="change(this)"/>
                    <input type="button" name="" id="" value="删除" />
                </td>
            </tr>
            <tr>
                <td><input type="checkbox" name="chk" id="" value="4" /></td>
                <td>《web开发详解》</td>
                <td>张老师</td>
                <td>30</td>
                <td>
                    <input type="button" name="" id="" value="修改数量" onclick="change(this)"/>
                    <input type="button" name="" id="" value="删除" />
                </td>
            </tr>        
        </table>
    </body>
</html>







	//修改数量的操作
	function change(th){
		//tr 节点
		var par = $(th).parent().parent();
		par.children().eq(3).html("<input type='text' size='3px'/>");
	}
})

不知道是哪错了，老师快看一下

相关课程：JAVA 全系列/第四阶段：网页编程和设计/Jquery（旧）

风止意难平•2022-05-20 20:47:08

怎么我的空格不管用呢？

<!DOCTYPE html>
<html>
	<head>
		<meta charset="UTF-8">
		<title></title>
	</head>
	<body>
		<!--标题标签 h1-h6 自动加黑加粗 会自动换行 align:调整标签的位置（默认是left）-->
		【新时代·幸福美丽新边疆】西藏：代代接力守护绿色家园
		
		<h1 align="center">【新时代·幸福美丽新边疆】西藏：代代接力守护绿色家园</h1>
		<h2>【新时代·幸福美丽新边疆】西藏：代代接力守护绿色家园</h2>
		<h3>【新时代·幸福美丽新边疆】西藏：代代接力守护绿色家园</h3>
		<h4>【新时代·幸福美丽新边疆】西藏：代代接力守护绿色家园</h4>
		<h5>【新时代·幸福美丽新边疆】西藏：代代接力守护绿色家园</h5>
		<h6>【新时代·幸福美丽新边疆】西藏：代代接力守护绿色家园</h6>
		<!--<h7>【新时代·幸福美丽新边疆】西藏：代代接力守护绿色家园</h7>-->
		<!--分割线标签   width：宽度     500px:像素-->
		<hr width="500px" color="red" align="left" size="20px" />
		<!--段落标签-->
		<p>&nbsp;520即将到来，国家印钞厂-南昌印钞为爱发行了一款“钞艺幸福玫瑰”，<br/>
			永不凋谢的玫瑰花，520送给另一半刚刚好！</p>
		
	</body>
</html>

相关课程：JAVA 全系列/第四阶段：网页编程和设计/HTML5（旧）

俊•2022-05-20 20:30:56

<html>
    <head>
        <title>jQuery操作表格</title>
        <meta charset="UTF-8"/>
        <!--声明css代码域-->
        <style type="text/css">
            tr{
                height: 40px;
            }
        </style>
        <script src="https://ajax.aspnetcdn.com/ajax/jquery/jquery-3.5.1.min.js"></script>
        <script type="text/javascript" src="js/gwc.js" ></script>
         
    </head>
    <body>
        <h3>jQuery操作表格</h3>
        <hr />
        <input type="button" id="fx" value="反选" />
        <input type="button" id="addRow" value="新增一行" />
        <input type="button" id="delRow" value="删除行" />
        <input type="button" id="copyRow" value="复制行" />
        <table border="1px" cellpadding="10px" cellspacing="0" id="ta">
            <tr>
                <td width="50px"><input type="checkbox" name="chks" id="chks" value="1" /></td>
                <td width="200px">书名</td>
                <td width="200px">作者</td>
                <td width="200px">数量</td>
                <td width="200px">操作</td>
            </tr>
            <tr id="">
                <td><input type="checkbox" name="chk" id="" value="2"/></td>
                <td>《Java编程之道》</td>
                <td>wollo</td>
                <td>10</td>
                <td>
                    <input type="button" name="aa" id="" value="修改数量"  />
                    <input type="button" name="" id="" value="删除" />
                </td>
            </tr>
            <tr>
                <td><input type="checkbox" name="chk" id="" value="3" /></td>
                <td>《Python和我的故事》</td>
                <td>赵老师</td>
                <td>10</td>
                <td>
                    <input type="button" name="" id="" value="修改数量" />
                    <input type="button" name="" id="" value="删除" />
                </td>
            </tr>
            <tr>
                <td><input type="checkbox" name="chk" id="" value="4" /></td>
                <td>《web开发详解》</td>
                <td>张老师</td>
                <td>30</td>
                <td>
                    <input type="button" name="" id="" value="修改数量" />
                    <input type="button" name="" id="" value="删除" />
                </td>
            </tr>        
        </table>
    </body>
</html>



$(function()){
	//确定全选和全部选的操作
	$("#chks").click(function(){
		var flag = $(this).prop("checked");
		$("input[name=chk]").prop("checked",flag);
	})
	
	$("input[name=chk]").click(function(){
		var flag = true;
		var chk = $("input[name=chk]");
		chk.each(function(){
			if(!$(this).prop("checked")){
				flag = false;
				return;
			}
		})
		
		$("#chks").prop("checked",flag);
	
		
	})
}

不知道是什么原因好像没有实现全选的效果，好像也不是jQuery版本低的原因

相关课程：JAVA 全系列/第四阶段：网页编程和设计/Jquery（旧）

兰林信风•2022-05-18 10:57:04

03京东购物车实现.rar

老师，最后总价那里，我一点按钮增加或减少数量价格就变成NaN了，点击其他的都没有事，这是什么情况呀

相关课程：JAVA 全系列/第四阶段：网页编程和设计/Javascript 语言（旧）

兰林信风•2022-05-17 15:25:29

function checkSex(){
				
				var sex = document.getElementById("sex");
				
				var span = document.getElementById("sex_span");
				
				for(var i in sex){
					if(sex[i].checked){
						span.innerText = "性别选择成功";
						span.style.color = "green";
						return true;
					}
				}
				
				span.innerHTML = "请选择性别";
				span.style.color = "red";
				return false;
				
			}

			
			
<tr>
					<td>性别:</td>
					<td>
						男:<input type="radio" name="sex" id="" value="1" onclick="checkSex()"/>  
						女:<input type="radio" name="sex" id="" value="0" onclick="checkSex()"/> 
						<span id="sex_span"></span>
					</td>
				</tr>

老师，为啥我return 了，这里选择了依然提示请选择性别呢？

相关课程：JAVA 全系列/第四阶段：网页编程和设计/Javascript 语言（旧）

俊•2022-05-17 09:08:40

老师这行代码我不怎么理解，你讲述一下

相关课程：JAVA 全系列/第四阶段：网页编程和设计/Javascript 语言（旧）

阿姝•2022-05-14 22:29:13

<!DOCTYPE html>
<html>
	<head>
		<meta charset="utf-8">
		<title></title>
		<script>
		
			var ran;
			/************验证码生成****************/
			function  YZM(){
				
				//4位随机整数
			    ran=Math.floor(Math.random()*9000+1000);
				//获得span对象
				var span =document.getElementById("yzm_span");
				
				span.innerText=ran;
			}
			
			/**************校验用户名方法************/
			function checkName(){
				//汉字的正则表达式
				var reg=/^[\u4e00-\u9fa5]{3,5}$/;
				return check("uname",reg);
			}
			
			
			/**************校验邮箱方法************/
			function checkEmail(){
				///邮箱的正则表达式
				var  reg=/^\w+([-+.]\w+)*@\w+([-.]\w+)*\.\w+([-.]\w+)*$/;
				
				return	check("email",reg);
			}
			
			
			/**************校验密码方法************/
				function  checkPwd(){
				var reg=/^\d{3,6}$/;
				return check("pwd",reg);
			}
			
			/**************提取公共部分************/
			function check(id,reg){
				//获得密码的值
				var uname=document.getElementById(id);
				var val=uname.value;
				//获得alt属性
				var alt=uname.alt;
				//获得span对象
				var span =document.getElementById(id+"_span");
				if(val==null || val==""){
					span.innerText="×"+alt+"不能为空";
					span.style.color="red";
					return false;
				}else if(reg.test(val)){
					span.innerText="√"+alt+"合法";
					span.style.color="green";
					return true;
				}else{
					span.innerText="×"+alt+"不合法";
					span.style.color="red";
					return false;
				}
			}
			
			
			/**************性别校验************/
			function checkSex(){
				//获得所有的性别对象
				var sex=document.getElementById("sex");
				//获得span对象
				var span=document.getElementById("sex_span");
				for(var i in sex){
					if(sex[i].checked){
						span.innerHTML="性别选择成功";
						span.style.color="green";
						return true;
					}
				}
				span.innerHTML="请选择性别";
				span.style.color="red";
				return false;
			}
			
			/**************籍贯校验************/
			function checkAdress(){
				var sel=document.getElementById("sel").value;
				var span=document.getElementById("sel_span");
				if(sel==0){
					span.style.color="red";
					span.innerTest="请选择籍贯";
					return false;
				}else{
					span.style.color="green";
					span.innerText="籍贯选择成功";
					return true;
				}
			}
			
			/************验证码输入校验************/
			function checkYZM(){
				//获得自己输入的验证码
				var yzm=document.getElementById("yzm").value;
				//获得span标签
				var span =document.getElementById("yzm2_span");
				if(ran==yzm){
					span.style.color="green";
					span.innerText="验证码正确";
					return true;	
				}else{
					span.style.color="red";
					span.innerText="验证码不正确";
					return false;
				}
			}
			
			/************是否同意协议************/
			function checkAgree(){
				//同意框
				var check=document.getElementById("check");
				//提交
				var sub=document.getElementById("sub");
				sub.disabled=!check.checked;
			}
			
			function zong(){
				var flag=checkName()&&checkPwd()&&checkSex()&&checkYZM()&&checkAgree()&&checkEmail();
				return flag;
			}
			
			/*正则表达式：————是对于数据格式进行一定的规范限制
			 * 
			 * ^开始
			 * [0-9] [a-z A-Z]:数字，字母
			 * {2,4}:段域 至少是2位，最多是4位
			 * {3}：指定范围就是3位
			 * {2,}至少是2位
			 * 
			 * \d:[0-9]
			 * \w:[0-9 a-z A-Z]
			 * */
		</script>
	</head>
	<body onload="YZM()">
		<center>
		<h3>注册页面</h3>
		<hr />
		<form action="" method="get" onsubmit="return zong()">
			<table>
				<tr height="35px">
					<td width="150px">用户名：</td>
					<td width="400px">
						<input type="text" name="uname" id="uname" value="" alt="用户名" onblur="checkName()" />
						<span id="uname_span">用户名必须是3-5位的汉字</span>
					</td>
				</tr>
				
				<tr height="35px">
					<td>密码：</td>
					<td>
						<input type="password" name="pwd" id="pwd" value="" alt="密码" onblur="checkPwd()" />
						<span id="pwd_span"></span>
					</td>
					
				</tr>
				
				<tr height="35px">
					<td>手机号：</td>
					<td>
						<input type="text" name="phone" id="phone" value="" alt="手机号" />
						<span id="phone_span"></span>
					</td>
					
				</tr>
				
				<tr height="35px">
					<td>邮箱：</td>
					<td>
						<input type="text" name="email" id="email" value="" alt="邮箱"  onblur="checkEmail()"/>
						<span id="email_span"></span>
					</td>
					
				</tr>
				
				<tr height="35px">
					<td>性别：</td>
					<td>
						男：<input type="radio" name="sex" id="" value="1" onclick="checkSex()" />
						女：<input type="radio" name="sex" id="" value="0" onclick="checkSex()" />
						
						<span id="sex_span">
							
						</span>
					</td>
				
				</tr>
				
				<tr height="35px">
					<td>爱好：</td>
					<td>
						<input type="checkbox" name="fav" id="" value="1" />唱歌
						<input type="checkbox" name="fav" id="" value="2" />睡觉
						<input type="checkbox" name="fav" id="" value="3" />LOL<br />
						<input type="checkbox" name="fav" id="" value="4"  />旅游
						<input type="checkbox" name="fav" id="" value="5" />高尔夫
						<input type="checkbox" name="fav" id="" value="6" />篮球
					</td>
			
				</tr>
				
				<tr height="35px">
					<td>籍贯：</td>
					<td>
						<select name="adress" id="sel" onchange="checkAdress()">
							<option value="0">--请选择--</option>
							<option value="1">河南</option>
							<option value="2">湖南</option>
							<option value="3">海南</option>
							<option value="4">云南</option>
						</select>
						<span id="sel_span"></span>
					</td>
				
				</tr>
				
				<tr height="35px">
					<td>验证码</td>
					<td>
						<input type="number" name="" id="yzm" value="" onblur="checkYZM()" />
						<span id="yzm_span"></span>
						<span id="yzm2_span"></span>
					</td>
				
				</tr>
				
				<tr height="35px">
					<td>个人介绍</td>
					<td>
						<textarea name="intro" rows="8" cols="30"></textarea>
					</td>
				
				</tr>
				
				<tr height="35px">
					<td colspan="2" align="center">
						<input type="checkbox"" id="check" value="" onclick="checkAgree()" />是否同意本公司协议
					</td>
					
				
				</tr>
				
				<tr height="35px">
					<td colspan="2" align="center">
						<input type="submit" id="sub" value="注册" disabled="true" />
					</td>
					<td></td>
					
				</tr>
			</table>
		</form>
		</center>
	</body>
</html>

辛苦老师帮忙看下是哪里出了问题，多选框一直提示有问题，还有性别，一直没有提示“性别合法”，谢谢！

相关课程：JAVA 全系列/第四阶段：网页编程和设计/Javascript 语言（旧）

阿姝•2022-05-13 21:55:41

<!DOCTYPE html>
<html>
	<head>
		<meta charset="utf-8">
		<title></title>
		<script>
		
			function  addNode(){
				//获得表单对象
				var fom =document.getElementById("fom");
				//创建节点的方法
				var p=document.createElement("p");
				p.innerText"照片："
				
				var inp =document.createElement("input");
				inp.type="file";
				
				var inp2 =document.createElement("input");
				inp2.type="button";
				inp2.type="删除";
				inp2.onclick=function(){
					
					//移除子节点
					p.removeChild(inp);
					p.removeChild(inp2);
					
					//移除本身
					p.remove();
				}
				
				
				//添加节点对象
	//			fom.appendChild(p);
				//获得最后一个节点对象
				var lastNode=document.getElementById("lastNode");
				//在指定元素之前添加节点
				fom.insertBefore(p,lastNode);
				p.appendChild(inp);
				p.appendChild(inp2);
				
			}
			

		</script>
	</head>
	<body>
		<form id="fom">
			<p>
				用户名：<input type="text" />
			</p>
			
			<p>
				照片：<input type="file" />
				<input type="button" value="添加" onclick="addNode()"/>
				
			</p>	
			
			<p id="lastNode">
				<input type="button" name="" value="提交" />
				<input type="button" name="" value="清空" />
				
			</p>
		</form>
	</body>
</html>

老师您好！麻烦帮忙看一下是哪里有问题，我检查几遍都无法发现错误在哪，运行老是提示50行有错误

相关课程：JAVA 全系列/第四阶段：网页编程和设计/Javascript 语言（旧）

blue murder•2022-05-12 18:12:49

p标签里用数字有误导性呢 nth-child取值的时候好像就是按顺序从1开始的不是从0开始的

相关课程：JAVA 全系列/第四阶段：网页编程和设计/CSS3（旧）

会员可以在此提问，尚新途老师有问必答

同学您好