为什么我的jquery特效一闪没了，就像页面自动刷新似的
<html><head><linkrel="stylesheet"type="text/css"href=""><scripttype="text/javascript"...
<html>
<head>
<link rel="stylesheet" type="text/css" href="">
<script type="text/javascript" src="jquery.min.js"></script>
</haed>
<body>
<form id="form1" action="aa" method="post">
可用元素：<input name="add" value="可用文本框"><br/>
不可用元素:<input name="email" disabled="disabled"value="不可用文本
框"><br/>
可用元素：<input name="che" value="可用文本框"><br/>
不可用元素：<input name="name" disabled="disabled" value="不可用文
本框"><br/>
多选框：<br/>
<input type="checkbox" name="newsletter" checked="checked"
value="test1">test1
<input type="checkbox" name="newsletter" value="test2">test2
<input type="checkbox" name="newsletter" value="test3">test3
<input type="checkbox" name="newsletter" value="test4">test4
<input type="checkbox" name="newsletter" value="test5">test5
<div></div>
<br/><br/>
下拉列表1：<br/>
<select name="test" multiple="multiple" style="heigth:100px">
<option>浙江</option>
<option selected="selected">湖南</option>
<option>北京</option>
<option selection="selected">天津</option>
<option>广州</option>
<option>湖北</option>
<select>
<br/><br/>
下拉列表2：<br/>
<select name="test2">
<option>浙江</option>
<option>湖南</option>
<option selected="selected">北京</option>
<option>天津</option>
<option>广州</option>
<option>湖北<option>
</select>
<div></div>
</form>
<form action="#" method="post">
<input type="submit" value="改变表单内可用input元素的值为good"
id="b1">
<input type="submit" value="改变表单内不可用inpute元素的值为hello"
id="b2">
<input type="submit" value="获取多选框选中的个数" id="b3">
<input type="submit" value="获取下拉框选中的内容" id="b4">
</form>
<script type="text/javascript">
$("#b1").click(function(){
$("#form1 input:enabled").val("good");
});
$("#b2").click(function(){
$("#form1 input:disabled").val("hello");
});
</script>
</body>
</html> 展开
<head>
<link rel="stylesheet" type="text/css" href="">
<script type="text/javascript" src="jquery.min.js"></script>
</haed>
<body>
<form id="form1" action="aa" method="post">
可用元素：<input name="add" value="可用文本框"><br/>
不可用元素:<input name="email" disabled="disabled"value="不可用文本
框"><br/>
可用元素：<input name="che" value="可用文本框"><br/>
不可用元素：<input name="name" disabled="disabled" value="不可用文
本框"><br/>
多选框：<br/>
<input type="checkbox" name="newsletter" checked="checked"
value="test1">test1
<input type="checkbox" name="newsletter" value="test2">test2
<input type="checkbox" name="newsletter" value="test3">test3
<input type="checkbox" name="newsletter" value="test4">test4
<input type="checkbox" name="newsletter" value="test5">test5
<div></div>
<br/><br/>
下拉列表1：<br/>
<select name="test" multiple="multiple" style="heigth:100px">
<option>浙江</option>
<option selected="selected">湖南</option>
<option>北京</option>
<option selection="selected">天津</option>
<option>广州</option>
<option>湖北</option>
<select>
<br/><br/>
下拉列表2：<br/>
<select name="test2">
<option>浙江</option>
<option>湖南</option>
<option selected="selected">北京</option>
<option>天津</option>
<option>广州</option>
<option>湖北<option>
</select>
<div></div>
</form>
<form action="#" method="post">
<input type="submit" value="改变表单内可用input元素的值为good"
id="b1">
<input type="submit" value="改变表单内不可用inpute元素的值为hello"
id="b2">
<input type="submit" value="获取多选框选中的个数" id="b3">
<input type="submit" value="获取下拉框选中的内容" id="b4">
</form>
<script type="text/javascript">
$("#b1").click(function(){
$("#form1 input:enabled").val("good");
});
$("#b2").click(function(){
$("#form1 input:disabled").val("hello");
});
</script>
</body>
</html> 展开
- 你的回答被采纳后将获得：
- 系统奖励15（财富值+成长值）+难题奖励30（财富值+成长值）
展开全部
因为点击submit按钮会提交表单，
你可以在$("#b1").click(function(){
$("#form1 input:enabled").val("good");
return false; //加上这个取消默认动作，另一个按钮也一样
})
你可以在$("#b1").click(function(){
$("#form1 input:enabled").val("good");
return false; //加上这个取消默认动作，另一个按钮也一样
})
本回答被提问者和网友采纳
已赞过
已踩过<
评论
收起
你对这个回答的评价是？
推荐律师服务：
若未解决您的问题，请您详细描述您的问题，通过百度律临进行免费专业咨询
