jquery中通过过滤器获取表单元素的实现代码
2018-10-12 14:00
761 查看
:enable 获取可输入状态的元素
:disabled 获取不可输入状态的元素
:checked 获取选中的表单元素
:seleced 获取下拉框中选中的元素
下面看一粒例子
Html
JavaScript代码:
这里面有几点需要注意的是:
1 前面说到bind用来绑定事件,那么这里的unbind就是取消事件的
2 trigger() 方法触发被选元素的指定事件类型。
3 在jQuery(function(){里添加函数的时候,外面要加上括号,后面要加上小括号,如下
jQuery(function(){
(
function check()
{
})()
})
4 实现层中复选框选中并赋给其他元素值
html
javascript
: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代码:
<script type="text/javascript">
jQuery(function(){
$("input:text:disabled").val("不能输入");
$("input:text:enabled").val("能输入");
(
function checkboxclick(){
$(":checkbox").unbind("click",checkboxclick);
var vv='';
$(":checkbox:checked").each(function(){
vv+=$(this).val()+",";
});
$("#cc").html("选择的数据:"+vv);
$(":checkbox").click(checkboxclick);
}
)()
$("select").change(function(){
var tt='';
$("select option:selected").each(function(){
tt+=$(this).text()+",";
});
$("#option").html("选择的项目是:"+tt);
}).trigger("change");
});
</script>
这里面有几点需要注意的是:
1 前面说到bind用来绑定事件,那么这里的unbind就是取消事件的
2 trigger() 方法触发被选元素的指定事件类型。
3 在jQuery(function(){里添加函数的时候,外面要加上括号,后面要加上小括号,如下
jQuery(function(){
(
function check()
{
})()
})
4 实现层中复选框选中并赋给其他元素值
html
<form id="form1" runat="server">
<div>
<input type="button" id="btn1" value="弹出" />
<input type="checkbox" name="ca" value="红"/>红
<input type="checkbox" name="ca" value="黄"/>黄
<input type="checkbox" name="ca" value="蓝"/>蓝
<input type="checkbox" name="ca" value="绿"/>绿
<input type="checkbox" name="ca" value="白"/>白
<input type="checkbox" name="ca" value="黑"/>黑
</div>
<div id="cc"></div>
</form>
javascript
jQuery(function(){
(
function checkboxclick(){
$(":checkbox").unbind("click",checkboxclick);
var vv='';
$(":checkbox:checked").each(function(){
vv+=$(this).val()+",";
})
$("#cc").html("选择的数据:"+vv);
$(":checkbox").click(checkboxclick);
})()
})
效果图如下这种:
您可能感兴趣的文章:
- jQuery中可见性过滤器简单用法示例
- jQuery中过滤器的基本用法示例
- JQuery的常用选择器、过滤器、方法全面介绍
- jQuery使用contains过滤器实现精确匹配方法详解
- jQuery可见性过滤器:hidden和:visibility用法实例
- JQuery选择器、过滤器大整理
- jQuery表单域属性过滤器用法分析
- Jquery 过滤器(first,last,not,even,odd)的使用
- 从jquery的过滤器.filter()方法想到的
- jQuery contains过滤器实现精确匹配使用方法
- jQuery ajax 路由和过滤器使用说明
- JQuery 选择器、过滤器介绍
- jQuery中内容过滤器简单用法示例
相关文章推荐
- jquery中通过过滤器获取表单元素的实现代码
- 通过过滤器获取表单元素
- jquery如何获取元素的滚动条高度等实现代码
- jquery获取form表单input元素值的的代码
- javascript通过class来获取元素实现代码
- jquery 获取表单元素里面的值示例代码
- jquery 简短几句代码实现给元素动态添加及获取提示信息
- jquery如何获取元素的滚动条高度等实现代码
- jQuery通过过滤器获取元素
- javascript通过class来获取元素实现代码
- JQuery动态创建DOM、表单元素的实现代码
- JQuery动态创建DOM、表单元素的实现代码
- jQuery获取当前点击的对象元素(实现代码)
- jquery 获取表单元素里面的值示例代码
- jquery依然简短几句代码实现给元素动态添加及获取提示信息
- jquery 简短几句代码实现给元素动态添加及获取提示信息
- Ajax中通过JS代码自动获取表单元素值的示例代码
- Ajax中通过JS代码自动获取表单元素值的示例代码
- jquery获取指定表格的指定列的值 以及 操作radio,checkbox,select表单操作实现代码
- jQuery与javascript对照学习 获取父子前后元素 实现代码