首页 / JQUERY / jquery对表单操作2_jquery

jquery对表单操作2_jquery

内容导读

互联网集市收集整理的这篇技术教程文章主要介绍了jquery对表单操作2_jquery，小编现在分享给大家，供广大互联网技能从业者学习和参考。文章包含1484字，纯文字阅读大概需要3分钟。

内容图文

checkbox的级联效果
代码如下:


你爱好的运动？

全选/全不选

足球
篮球
羽毛球
乓球球

$('#CheckedAll').click(function(){
$('[name=items]:checkbox').attr("checked", this.checked);
})

当单击id为"CheckedAll"的复选框后，复选框组将被选中，当在复选框组中取消某一个选项的选中状态时，id为"CheckedAll"的复选框并没有被取消选中状态。
为解决这个问题：
代码如下:

$('[name=items]:checkbox').click(
function(){
var flag = true;
$('[name=items]:checkbox').each(function(){
if(!this.checked)
flag = false;
});
$('#CheckedAll').attr('checked', flag);
})
//或者可以用复选框的总数与选中复选框数量相等
$('[name=items]:checkbox').click(
function(){
var $tmp = $('[name=items]:checkbox');
//使用filter方法筛选出复选框，并直接给CheckedAll赋值
$('#CheckedAll').attr('checked', $tmp.length == $tmp.filter(':checked').length);
})

下拉框的应用
代码如下:




选中添加到右边
全部添加到右边





选中添加到左边
全部添加到左边


//将选中的选项添加给对方
$('#add').click(function(){
var $options = $('#select1 option:selected');//获取选中的选项
$options.appendTo('#select2');//追加给对方
});
//将全部的选项添加给对方
$('#add').click(function(){
var $options = $('#select1 option');//获取选中的选项
$options.appendTo('#select2');//追加给对方
});
//双击某个选项添加给对方
$('#select1').dblclick(function(){
var $options = $('option:selected',this);//获取选中的选项
$options.appendTo('#select2');//追加给对方
})

PS: $('option:selected',this),$()有2个参数，一个是选择器，一个是作用域。相当于$('#select1 option:selected')

内容总结

以上是互联网集市为您收集整理的jquery对表单操作2_jquery全部内容，希望文章能够帮你解决jquery对表单操作2_jquery所遇到的程序开发问题。 如果觉得互联网集市技术教程内容还不错，欢迎将互联网集市网站推荐给程序员好友。

内容备注

版权声明：本文内容由互联网用户自发贡献，该文观点与技术仅代表作者本人。本站仅提供信息存储空间服务，不拥有所有权，不承担相关法律责任。如发现本站有涉嫌侵权/违法违规的内容， 请发送邮件至 gblab@vip.qq.com 举报，一经查实，本站将立刻删除。

内容手机端

扫描二维码推送至手机访问。

本文链接：https://qyyshop.com/info/313678.html

来源：【匿名】