jquery中通过过滤器获取表单元素的实现代码


: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代码:
复制代码 代码如下:

<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);
})()
})

效果图如下这种:



相关阅读:
除MSSQL数据库text字段中恶意脚本的删方法
Mysql(MyISAM)的读写互斥锁问题的解决方法
Apache认证设置(windows2000篇)
CSS3教程(4):网页边框和网页文字阴影
MSSQL数据类型及长度限制详细说明
SQL注入攻击第三波浪潮袭来
MYSQL初学者扫盲
让IE5.5+也支持position:fixed;
在windows2003下设置IIS及DNS
window.open()弹出居中的窗口
CSS 伪类实现的鼠标滑动图片链接
javascript实现的动态文字变换
通过服务器端特性配置加强php的安全
js活用事件触发对象动作
快速导航
PHP MySQL HTML CSS JavaScript MSSQL AJAX .NET JSP Linux Mac ASP 服务器 SQL jQuery C# C++ java Android IOS oracle MongoDB SQLite wamp 交通频道 作文范文 600字关于难忘的除夕作文:一派祥和 叠被子450字 高三作文800字:那雨、那人 终极四班 幸福是什么?幸福是什么感觉,幸福像空气、水和盐一样... 好听的个性句子可惜我夺不到你的爱 副市长在市残疾人联合会首届代表大会上的讲话 2015高考历史一轮基础知识点科学技术的发展与成就复习学案 中国文化的真实写照——《文化苦旅》读后感650字 狗尾巴草的较量 我爱你,与你无关——读《一个陌生女人的来信》有感 联通业务员工作总结 落寞双生 情之所至,诗无不至;诗之所至,情以之至 小学六年级作文600字:妈妈,您辛苦了 苏果员工工作小结 生命,且行且珍惜 期末主题班会发言作文800字 能不能别怪我 升学快乐祝福语 可爱又贪吃的小金鱼作文800字 国庆大阅兵观后感大全700字 心凉的个性签名 天空流泪了作文600字 2015烟草专卖局安全工作计划 代理词范本:附带民事案件 团结的小蚂蚁作文650字 表达对外婆想念的句子 不能说的那些幸福 我不再相信眼泪作文800字 25℃ 悔! 柯蓝:一个独特风行的女子 妈妈节日快乐200字 关于谢谢老师的好句 迷失的花季作文200字 电子毕业论文总结 在全市第一批选派工作总结表彰大会上的讲话党建党委 宝贝,你是我的月亮 我们的板房学校 给你的爱一直很安静... 植树节国旗下讲话演讲稿 青海行作文500字 说说交友那点事儿 个优秀青年团员的思想汇报 心距,在婚姻中。。。。。。 中国现代诗 中国著名现代诗 又九十九封情书来袭 怎样抓住女人的心_揭秘女人的恋爱心理 夏天——yuewenfei作文300字

Copyright © 2016 phpStudy |