jquery 使用點滴函數代碼
更新時間:2011年05月20日 01:30:47 作者:
簡單的按鈕js事件 用于判斷和顯示提示
1、簡單的按鈕js事件 用于判斷和顯示提示
<script type="text/javascript" language="javascript">
$(document).ready(function () {
$("#btnlogin").click(function () {
$("#lblInfo").html("");
var uid = $.trim($("#txtUsername").val());
var pwd = $.trim($("#txtPassword").val());
if (uid == "") {
$("#lblInfo").html("賬號不能為空");
$("#txtUsername").focus();
return false;
}
if (pwd == "") {
$("#lblInfo").html("密碼不能為空");
$("#txtPassword").focus();
return false;
}
});
});
</script>
2、下拉列表的處理
function dropTypeChange()
{
var sel = $("#<%=dropType.ClientID %> option:selected").val();
if(sel=="-1")
{
$("#<%=txtNo.ClientID %>").attr('disabled',true);
}
else
{
$("#<%=txtNo.ClientID %>").attr('disabled',false);
}
}
//獲取第一個option的值
$('#test option:first').val();
//最后一個option的值
$('#test option:last').val();
//獲取第二個option的值
$('#test option:eq(1)').val();
//獲取選中的值
$('#test').val();
$('#test option:selected').val();
//設置值為2的option為選中狀態(tài)
$('#test').attr('value','2');
//設置第一個option為選中
$('#test option:last').attr('selected','selected');
$("#test").attr('value' , $('#test option:last').val());
$("#test").attr('value' , $('#test option').eq($('#test option').length - 1).val());
//獲取select的長度
$('#test option').length;
//添加一個option
$("#test").append("<option value='9'>ff</option>");
$("<option value='9'>ff</option>").appendTo("#test");
//添除選中項
$('#test option:selected').remove();
//指定項選中
$('#test option:first').remove();
//指定值被刪除
$('#test option').each(function(){
if( $(this).val() == '5'){
$(this).remove();
}
});
$('#test option[value=5]').remove();
//獲取第一個Group的標簽
$('#test optgroup:eq(0)').attr('label');
//獲取第二group下面第一個option的值
$('#test optgroup:eq(1) :option:eq(0)').val();
復制代碼 代碼如下:
<script type="text/javascript" language="javascript">
$(document).ready(function () {
$("#btnlogin").click(function () {
$("#lblInfo").html("");
var uid = $.trim($("#txtUsername").val());
var pwd = $.trim($("#txtPassword").val());
if (uid == "") {
$("#lblInfo").html("賬號不能為空");
$("#txtUsername").focus();
return false;
}
if (pwd == "") {
$("#lblInfo").html("密碼不能為空");
$("#txtPassword").focus();
return false;
}
});
});
</script>
2、下拉列表的處理
復制代碼 代碼如下:
function dropTypeChange()
{
var sel = $("#<%=dropType.ClientID %> option:selected").val();
if(sel=="-1")
{
$("#<%=txtNo.ClientID %>").attr('disabled',true);
}
else
{
$("#<%=txtNo.ClientID %>").attr('disabled',false);
}
}
//獲取第一個option的值
$('#test option:first').val();
//最后一個option的值
$('#test option:last').val();
//獲取第二個option的值
$('#test option:eq(1)').val();
//獲取選中的值
$('#test').val();
$('#test option:selected').val();
//設置值為2的option為選中狀態(tài)
$('#test').attr('value','2');
//設置第一個option為選中
$('#test option:last').attr('selected','selected');
$("#test").attr('value' , $('#test option:last').val());
$("#test").attr('value' , $('#test option').eq($('#test option').length - 1).val());
//獲取select的長度
$('#test option').length;
//添加一個option
$("#test").append("<option value='9'>ff</option>");
$("<option value='9'>ff</option>").appendTo("#test");
//添除選中項
$('#test option:selected').remove();
//指定項選中
$('#test option:first').remove();
//指定值被刪除
$('#test option').each(function(){
if( $(this).val() == '5'){
$(this).remove();
}
});
$('#test option[value=5]').remove();
//獲取第一個Group的標簽
$('#test optgroup:eq(0)').attr('label');
//獲取第二group下面第一個option的值
$('#test optgroup:eq(1) :option:eq(0)').val();
相關文章
jQuery 更改checkbox的狀態(tài),無效的解決方法
下面小編就為大家?guī)硪黄猨Query 更改checkbox的狀態(tài),無效的解決方法。小編覺得挺不錯的,現(xiàn)在就分享給大家,也給大家做個參考。一起跟隨小編過來看看吧2016-07-07Jquery選擇器中使用變量實現(xiàn)動態(tài)選擇例子
這篇文章主要介紹了Jquery選擇器中使用變量實現(xiàn)動態(tài)選擇例子,這樣做的好處我們可以動態(tài)選擇一些元素,核心思想其實就是用字符串組合,需要的朋友可以參考下2014-07-07jQuery獲取Radio,CheckBox選擇的Value值(示例代碼)
這篇文章主要是對jQuery獲取Radio,CheckBox選擇的Value值進行了詳細的介紹,需要的朋友可以過來參考下,希望對大家有所幫助2013-12-12jquery怎樣實現(xiàn)ajax聯(lián)動框(二)
ajax聯(lián)動框想必大家早有所耳聞,接下來將介紹jquery實現(xiàn)另一種形式的聯(lián)動框,右邊的聯(lián)動框用jquery生成,仿照上篇的js方法修改的,感興趣的你可以參考下希望可以幫助到你2013-03-03