您的位置: 首页  >  IT文章  >  来个jQuery大神,小弟我有个东西不会弄,帮下忙呗

来个jQuery大神,小弟我有个东西不会弄,帮下忙呗

分类: IT文章 • 2024-09-18 12:57:25
来个jQuery大神,我有个东西不会弄,帮下忙呗.
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<script type="text/javascript" src = "jquery.js"></script>
<title>无标题文档</title>
</head>

<body>
<input type="text" id="address" value="请输入邮箱地址"><br>
<input type="text" id="password" value="请输入邮箱密码"><br>
<input type="button" value="登录">

<br><br><br>

<input type="button" value="使单选下拉框的*选择3号*被选中"/>
<input type="button" value="使多选下拉框选中的*选择2号*和*选择4号*被选中"/><br>
<input type="button" value="使多选框的*多选2*和*多选4*被选中"/>
<input type="button" value="使单选框的*单选2*被选中"/><br>
<input type="button" value="打印已经被选中的值"><br>

<br/>

<select id="single">
<option>选择1号</option>
<option>选择2号</option>
<option>选择3号</option>
</select>

<select id="multiple" multiple="multiple" style="height:120px;">
<option selected="selected">选择1号</option>
<option>选择2号</option>
<option>选择3号</option>
<option>选择4号</option>
<option selected="selected">选择5号</option>
</select>

<br/><br/>

<input type="checkbox" name="c" value="check1"/> 多选1
<input type="checkbox" name="c" value="check2"/> 多选2
<input type="checkbox" name="c" value="check3"/> 多选3
<input type="checkbox" name="c" value="check4"/> 多选4

<br/>

<input type="radio" name="r" value="radio1"/> 单选1
<input type="radio" name="r" value="radio2"/> 单选2
<input type="radio" name="r" value="radio3"/> 单选3

</body>

</html>
<script type="text/javascript">
<!--
$(document).ready(function(){
$("#address").focus(function(){
if($(this).val() == "请输入邮箱地址"){
$(this).val("");
}
})
$("#password").focus(function(){
if($(this).val() == "请输入邮箱密码"){
$(this).val("");
}
})

$("#address").blur(function(){
if($(this).val() == ""){
$(this).val("请输入邮箱地址");
}
})
$("#password").blur(function(){
if($(this).val() == ""){
$(this).val("请输入邮箱密码");
}
})
$()
})
//-->
</script>














运行之后每个按钮上都写着对应的功能,后面完全不会弄,根本就没有思路,前一个用了一个if就搞定了,还不知道对不对,来个大哥帮下吧,之后我在好好学习一下,谢谢
------解决方案--------------------
做了个演示代码


<input type="text" id="address" value="请输入邮箱地址" /><br>

<input type="text" id="password" value="请输入邮箱密码" /><br>

<input type="button" value="登录" /><br>

<br><br>

<input type="button" id="btn1" value="使单选下拉框的*选择3号*被选中" />

<input type="button" id="btn2" value="使多选下拉框选中的*选择2号*和*选择4号*被选中" /><br>

<input type="button" id="btn3" value="使多选框的*多选2*和*多选4*被选中" />

<input type="button" id="btn4" value="使单选框的*单选2*被选中" /><br>

<input type="button" id="btn5" value="打印已经被选中的值" /><br>

<br/>

<select id="single">

    <option>选择1号</option>

    <option>选择2号</option>

    <option>选择3号</option>

</select>


<select id="multiple" multiple="multiple" style="height:120px;">

    <option selected="selected">选择1号</option>

    <option>选择2号</option>

    <option>选择3号</option>

    <option>选择4号</option>

    <option selected="selected">选择5号</option>

</select>

<br/><br/>

<input type="checkbox" name="c" value="check1" /> 多选1

<input type="checkbox" name="c" value="check2" /> 多选2

<input type="checkbox" name="c" value="check3" /> 多选3

<input type="checkbox" name="c" value="check4" /> 多选4

<br/>

<input type="radio" name="r" value="radio1" /> 单选1

<input type="radio" name="r" value="radio2" /> 单选2

<input type="radio" name="r" value="radio3" /> 单选3



$(document).ready(function(){

    toggleInput("#address", "请输入邮箱地址");

    toggleInput("#password", "请输入邮箱密码");

    $("#btn1").click(function(){

        setSelection("#single", "选择3号");

    });

    $("#btn2").click(function(){

相关推荐