×

JavaScript 脚本

jquery动态改变checkbox选中状态,页面不能正确显示勾选

管理员 管理员 发表于2025-12-01 浏览45 评论0

为实现行选中功能,使用jQuery来控制checkbox的选中状态,但是第一次点击出现选中样式,之后点击可以看到checked的属性增加成功但是并没有选中状态。

使用 attr() 给属性 checked 赋值,发现无论赋予什么值,只要给这个属性赋值了就是选中状态,使用.attr('checked','true');和.attr('checked','false'),结果都是选中状态,可以使用attr()和removeAttr(),或者使用.attr('checked', true);和.attr('checked',false),但是使用attr()出现了只有第一次会出现选中和取消选中的状态,后面点击没有选中状态但是代码显示对checked属性控制成功的,只能改为使用prop() 或者使用javascript原生代码来控制,才不会出现上述情况。

JavaScript 脚本

jQuery 操作iframe

管理员 管理员 发表于2010-11-02 浏览2997 评论0

父操作子ifame
function parentOperateSon() {
          alert( $('#div1', frames['iframe1'].document).html() );    //方法1
          $('#iframe1').contents().find('#div1').html("父操作子");    //方法2
          alert( $(window.frames["iframe1"].document).find("#div1").html() ); //方法3
       }
子iframe操作父
      function SonOperateParent() {
          $(parent.document).contents().find('#hello').html('ifram1父元素');   //方法1
          $(top.document).contents().find('#hello').html('ifram1父元素');    //方法2
          $(window.parent.document).contents().find('#hello').html('ifram1父元素');   //方法3
       }
子iframe操作子iframe、兄弟框架
      function SonOprateOtherSon() {
          $('#iframe2', top.document.body).contents().find('#div1').html('ifram1操作iframe2');   //方法1
          $('#iframe2', parent.document.body).contents().find('#div1').html('ifram1操作iframe2');    //方法2
          $('#iframe2', window.parent.document.body).contents().find('#div1').html('ifram1操作 iframe2');   //方法3
       }父操作子ifame
function parentOperateSon() {
          alert( $('#div1', frames['iframe1'].document).html() );    //方法1
          $('#iframe1').contents().find('#div1').html("父操作子");    //方法2
          alert( $(window.frames["iframe1"].document).find("#div1").html() ); //方法3
       }
子iframe操作父
      function SonOperateParent() {
          $(parent.document).contents().find('#hello').html('ifram1父元素');   //方法1
          $(top.document).contents().find('#hello').html('ifram1父元素');    //方法2
          $(window.parent.document).contents().find('#hello').html('ifram1父元素');   //方法3
       }
子iframe操作子iframe、兄弟框架
      function SonOprateOtherSon() {
          $('#iframe2', top.document.body).contents().find('#div1').html('ifram1操作iframe2');   //方法1
          $('#iframe2', parent.document.body).contents().find('#div1').html('ifram1操作iframe2');    //方法2
          $('#iframe2', window.parent.document.body).contents().find('#div1').html('ifram1操作 iframe2');   //方法3
       }

JavaScript 脚本

正则表达式使用详解

管理员 管理员 发表于2010-03-05 浏览3422 评论0

简介
简单的说,正则表达式是一种可以用于模式匹配和替换的强有力的工具。其作用如下:
测试字符串的某个模式。例如,可以对一个输入字符串进行测试,看在该字符串是否存在一个电话号码模式或一个信用卡号码模式。这称为数据有效性验证。
替换文本。可以在文档中使用一个正则表达式来标识特定文字,然后可以全部将其删除,或者替换为别的文字。
根据模式匹配从字符串中提取一个子字符串。可以用来在文本或输入字段中查找特定文字。

JavaScript 脚本

最好的正则表达式教程

管理员 管理员 发表于2010-03-05 浏览3353 评论0
一,概述

1,正则表达式,可以说是任何一种编程语言都提供的机制,它主要是提供了对字符串的处理能力。
2,正则表达式在页面处理中的使用场景:
1)表单验证。验证某些域符合某种规则,例如邮件输入框必须输入的是邮件、联系电话输入框输入的必须是数字等等
2)处理DOM模型。例如通过表达式定位DOM中的一个对象或一系列对象,一个例子就是定位id属性中含有某个特殊字符的div对象。
...

JavaScript 脚本

JavaScript 比较和逻辑运算符

管理员 管理员 发表于2008-06-02 浏览3151 评论0

比较运算符比较运算符在逻辑语句中使用,以测定变量或值是否相等。 给定 x=5,下面的表格解释了比较运算符: 运算符 描述 例子 == 等于 x==8 为 false === 全等(值和类型) x===5 为 true;x==="5" 为 false != 不等于 x!=8 为 true > 大于 x>8 为 false < 小于 x<8 为 true >= 大于或等于 x>=8 为 false <= 小于或等于 x<=8 为 true 如何使用可以在条件语句中使用比较运算符对值进行比较,然后根据结果来采取行动: ...