您的位置：首页 > Web前端 > JQuery

JQuery权限选择和阅读协议

2013-07-02 21:15 197 查看

<html xmlns="http://www.w3.org/1999/xhtml">
<head runat="server">
<meta http-equiv="Content-Type" content="text/html; charset=utf-8"/>
<title></title>
<script src="Scripts/jquery-1.4.2.js"></script>
<script type="text/javascript">
$(function () {
//==================1=================================
$("input[value=click]").click(function () {
$link = $("<a href='http://www.baidu.com'>baidu</a>");
//加在div结束标签前面(div内后)
$("#d1").append($link);
//加在div开始标签后面(div内前)
$("#d1").prepend($link);
//加在div开始标签前面(div外前)紧挨
$("#d1").before($link);
//加在div结束标签后面(div外后)紧挨
$("#d1").after($link);
});

//======================2============================
//权限选择
//removeAttr("selected")是为了让添加过去的option取消选中状态
$("input[value=>]").click(function () {
$("#all option:selected").removeAttr("selected").appendTo($("#sel"));
});
$("input[value=<]").click(function () {
$("#sel option:selected").removeAttr("selected").appendTo($("#all"));
});

//========================3==========================
//先执行一下可以消除界面加载前出现同意
setCount();

});

var count = 10;
var tmrId = setInterval("setCount()", 1000);
function setCount() {
if (count > 0) {
$("#btn1").val("请认真阅读，还剩" + count + "秒");
count--;
} else {
$("#btn1").val("同意").removeAttr("disabled");
clearInterval(tmrId);
}
}
</script>

</head>
<body>
<%--1--%> <form id="form1" runat="server">
<input type="text" />
<div id="d1">
<input type="button" value="click" />
</div>
</form>

<%--2--%>
<select id="all" size="8" multiple="multiple">
<option value="查找">查找</option>
<option value="编辑">编辑</option>
<option value="删除">删除</option>
<option value="添加">添加</option>
</select>
<input type="button" value=">" />
<input type="button" value="<" />
<input type="button" value=">>" />
<input type="button" value="<<" />
<select id="sel" size="8" multiple="multiple"></select>

<input type="button" id="btn1" value="同意" disabled="disabled" />
</body>
</html>

内容来自用户分享和网络整理，不保证内容的准确性，如有侵权内容，可联系管理员处理

标签：

相关文章推荐

新的分享

章节导航