Discuz教程网

jquery 使用点滴函数代码

[复制链接]
authicon dong 发表于 2011-5-21 01:23:18 | 显示全部楼层 |阅读模式
简单的按钮js事件 用于判断和显示提示




1、简单的按钮js事件 用于判断和显示提示
代码如下:

  1. <script type="text/javascript" language="javascript">
  2. $(document).ready(function () {
  3. $("#btnlogin").click(function () {
  4. $("#lblInfo").html("");
  5. var uid = $.trim($("#txtUsername").val());
  6. var pwd = $.trim($("#txtPassword").val());
  7. if (uid == "") {
  8. $("#lblInfo").html("账号不能为空");
  9. $("#txtUsername").focus();
  10. return false;
  11. }
  12. if (pwd == "") {
  13. $("#lblInfo").html("密码不能为空");
  14. $("#txtPassword").focus();
  15. return false;
  16. }
  17. });
  18. });
  19. </script>
复制代码





2、下拉列表的处理
代码如下:

  1. function dropTypeChange()
  2. {
  3. var sel = $("#<%=dropType.ClientID %> option:selected").val();
  4. if(sel=="-1")
  5. {
  6. $("#<%=txtNo.ClientID %>").attr('disabled',true);
  7. }
  8. else
  9. {
  10. $("#<%=txtNo.ClientID %>").attr('disabled',false);
  11. }
  12. }
复制代码



  1. //获取第一个option的值
  2. $('#test option:first').val();
  3. //最后一个option的值
  4. $('#test option:last').val();
  5. //获取第二个option的值
  6. $('#test option:eq(1)').val();
  7. //获取选中的值
  8. $('#test').val();
  9. $('#test option:selected').val();
  10. //设置值为2的option为选中状态
  11. $('#test').attr('value','2');
  12. //设置第一个option为选中
  13. $('#test option:last').attr('selected','selected');
  14. $("#test").attr('value' , $('#test option:last').val());
  15. $("#test").attr('value' , $('#test option').eq($('#test option').length - 1).val());
  16. //获取select的长度
  17. $('#test option').length;
  18. //添加一个option
  19. $("#test").append("<option value='9'>ff</option>");
  20. $("<option value='9'>ff</option>").appendTo("#test");
  21. //添除选中项
  22. $('#test option:selected').remove();
  23. //指定项选中
  24. $('#test option:first').remove();
  25. //指定值被删除
  26. $('#test option').each(function(){
  27. if( $(this).val() == '5'){
  28. $(this).remove();
  29. }
  30. });
  31. $('#test option[value=5]').remove();
  32. //获取第一个Group的标签
  33. $('#test optgroup:eq(0)').attr('label');
  34. //获取第二group下面第一个option的值
  35. $('#test optgroup:eq(1) :option:eq(0)').val();
复制代码





上一篇:QQ互联已经不用审核了,需要的站长赶快开启吧
下一篇:检测jQuery.js是否已加载的判断代码
您需要登录后才可以回帖 登录 | 立即注册

本版积分规则

1314学习网 ( 浙ICP备10214163号 )

GMT+8, 2025-5-2 16:21

Powered by Discuz! X3.4

© 2001-2013 Comsenz Inc.

快速回复 返回顶部 返回列表