|
#2
dengjinbao2012-09-10 23:17
|
程序代码：<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.简化Ajax步骤</title>
<style type="text/css">
.targetcss{
display:none;
}
.targetcss1{
height:400px;
width:500px;
border:1px solid grav;
background-color:pink;
display:block;
}
</style>
<script language="javascript" src="jquery-1.2.3.js"></script>
<script language="javascript">
function startRequest(){
//$("#target").load("14-1.php");
$("div.targetcss").addClass("targetcss1");
}
function test(){
var sal="";
$("input[type='checkbox']").each(function(){
if($(this).attr("checked")==true){
sal+=$(this).attr("value")+" ";
}
});
$("input[id='text001']").attr("value",sal);
$("div.targetcss").removeClass("targetcss1");
alert($("input[id='text001']").attr("value"));
}
</script>
</head>
<body>
<h3>职位搜索</h3>
<div id="boss" class="targetcss" >
<div id="target" >
<form action="" method="post">
计算机<input type="checkbox" name="checkbox[]" value="计算机"/>
机械工程<input type="checkbox" name="checkbox[]" value="机械工程"/>
汽车设计<input type="checkbox" name="checkbox[]" value="汽车设计"/>
<input type="submit" value="确定" onClick="test()" />
</form>
</div>
<div></div>
</div>
<form action="" method="post">
<table>
<tr><td>职位类别：</td><td><input type="text" id="text001" value="不限制" onClick="startRequest()"></td></tr>
<tr><td>工作地区：</td><td><select name="add"><option value="">不限制</option></select></td></tr>
</table>
</form>
<br><br>
</body>
</html>
现在可以改，不过最后又变回去了 高手帮忙指点下 <style type="text/css">
.targetcss{
display:none;
}
.targetcss1{
height:400px;
width:500px;
border:1px solid grav;
background-color:pink;
display:block;
}
</style>
<script language="javascript" src="jquery-1.2.3.js"></script>
<script language="javascript">
function startRequest(){
//$("#target").load("14-1.php");
$("div.targetcss").addClass("targetcss1");
}
function test(){
var sal="";
$("input[type='checkbox']").each(function(){
if($(this).attr("checked")==true){
sal+=$(this).attr("value")+" ";
}
});
$("input[id='text001']").attr("value",sal);
$("div.targetcss").removeClass("targetcss1");
alert($("input[id='text001']").attr("value"));
}
</script>
</head>
<body>
<h3>职位搜索</h3>
<div id="boss" class="targetcss" >
<div id="target" >
<form action="" method="post">
计算机<input type="checkbox" name="checkbox[]" value="计算机"/>
机械工程<input type="checkbox" name="checkbox[]" value="机械工程"/>
汽车设计<input type="checkbox" name="checkbox[]" value="汽车设计"/>
<input type="submit" value="确定" onClick="test()" />
</form>
</div>
<div></div>
</div>
<form action="" method="post">
<table>
<tr><td>职位类别：</td><td><input type="text" id="text001" value="不限制" onClick="startRequest()"></td></tr>
<tr><td>工作地区：</td><td><select name="add"><option value="">不限制</option></select></td></tr>
</table>
</form>
<br><br>
</body>
</html>
