通过过滤器获取表单元素

通过过滤器可以获取特定的表单元素，如非输入项目或者单选按钮的已选项目等元素，可用的

:enable 获取可输入状态的元素

:disabled 获取不可输入状态的元素

:checked 获取选中的表单元素

:seleced 获取下拉框中选中的元素

下面看一粒例子

Html

<body>
    <form id="form1" runat="server">
    <div>
    <ul>
    <li><label>订单号码：</label><input type="text" disabled="disabled" /></li>
    <li><label>订单所有者：</label><input type="text" /></li>
    <li>
      <input type="checkbox" name="ca"   value="红"/>红
      <input type="checkbox" name="ca"   value="黄"/>黄
      <input type="checkbox" name="ca"   value="蓝"/>蓝
      <input type="checkbox" name="ca"   value="绿"/>绿
    </li>
    <li>
      <select multiple="multiple">
      <option>选择1</option>
      <option>选择2</option>
      <option>选择3</option>
      <option>选择4</option>
      </select>
    </li>
    </ul>
    </div>
    </form>  <div id="msg">
    <p id="cc"></p>
    <p id="option"></p>   </div>
</body>

复制代码

JavaScript代码：

复制代码

这里面有几点需要注意的是：

1 前面说到bind用来绑定事件，那么这里的unbind就是取消事件的

2 trigger() 方法触发被选元素的指定事件类型。

3 在jQuery(function(){里添加函数的时候，外面要加上括号，后面要加上小括号，如下

jQuery(function(){

(

function check()

{

})()

})

4 实现层中复选框选中并赋给其他元素值

html

View Code

javascript

View Code

jQuery(function(){
       (
          function checkboxclick(){
           $(":checkbox").unbind("click",checkboxclick);
           var vv='';
          $(":checkbox:checked").each(function(){
            vv+=$(this).val()+",";
          })
           $("#cc").html("选择的数据："+vv);

          $(":checkbox").click(checkboxclick);
          })()
         })

上面这种写法是闭包，自己调用自己，递归调用，为了让每次点击之后，不在执行，所以要取消绑定

$(":checkbox").unbind("click",checkboxclick);

上面的这种写法类似于下面的写法

View Code

})
</script>

定义好一个方法，然后调用即可

效果图如下这种：

转载于:https://www.cnblogs.com/abenmao/archive/2012/02/28/2371889.html

通过过滤器获取表单元素相关推荐

如何给FormPanel表单中的元素赋值以及获取表单元素值
1.定义表单元素的name属性如下 var HLV = new Ext.form.TextField({fieldLabel: '汇率',name:'EXCHANGERATE',anchor: '30 ...
react中使用非受控组件获取表单元素的值
class Hello extends React.Component{constructor(){super() 利用react提供的React.createRef()this.ref=React. ...
php获取表单元素的值,PHP如何获取表单提交的数据
PHP如何获取表单提交的数据 1.超全局数组变量:$_GET[] 描述:获取表单 method = "get" 提交的数据举例:$username = $_GET["u ...
给自己提个醒：关于document.getElementsByName无法获取非表单元素
document.getElementsByName自己一厢情愿以为可以获取所有元素,以前也碰到过,但是不长记性,还是记录下来比较好. document.getElementsByName只能获取表单 ...
获取表单内部元素的N种方法
今天讲讲获取表单元素的N种方法~ 以上是部分资料参考的地方:http://blog.csdn.net/h12kjgj/article/details/61624509 先给出一个实例. 输入数字1~1 ...
前端：JS/32/form对象（表单）（form对象的属性，方法和事件），受返回值影响的两个事件（onclick事件，onsubmit事件），获取表单的元素对象的三种方式，表单的提交和验证方法总结
form 对象(表单) 一个<form>标记,就是一个<form>对象: 1,form对象的属性 name :表单的名称,主要用来让JS来控制表单: action :表单的数据 ...
JS表单的获取、表单元素的获取、提交表单
获取表单 document.getElementById("id属性值"),通过表单的id属性值获取属性对象 document.表单的name属性值,通过表单的name属性值获取表 ...
Vant-UI 表单组件（Field组件）：验证表单元素表单提交 - 踩坑篇
Vant-UI 表单组件(Field组件):验证表单元素&&表单提交: 示例截图 · 如下: 示例 · 详细代码 · 如下: <template><div class ...
微信小程序之获取表单数据
前言:微信小程序中很多地方运用到了表单,很多时候我们需要把表单中的内容提取出来返回给后台,这里我随便写了一点注意点: 1.所有的input textarea button全部包含在form表单元素 ...
php怎么引用表单元素,表单元素：最全的各种html表单元素获取和使用方法总结...
表单是网页与用户的交互工具,由一个元素作为容器构成,封装其他任何数量的表单控件,还有其他任何元素里可用的标签,表单能够包含.....等表单控件元素.表单元素有哪些呢?它包含了如下的这些元素,输入文本 ...

通过过滤器获取表单元素

通过过滤器获取表单元素相关推荐

最新文章

热门文章