JQuery操作textarea,input,select,checkbox方法_jquery
程序员文章站
2022-05-10 18:14:37
...
今天学习怎样用JQuery编写一些小的代码,小小的试了一下编写一个textarea,代码如下:
效果图如下:
可以流畅的放大缩小,这就是JQuery特效的优点.
再来一个input标签,代码:
效果图如下:
添加一个焦点和失去焦点,默认值,再设置一个得到焦点时的背景颜色
第三个呢,写了一个select,这个东西一般在QQ空间和淘宝中使用比较广泛,所以也比较有兴趣,代码如下:
选中添加到右边>> 全部添加到右边>>
效果图如下:
将左边的选项移到右边,且可双击,可多选添加,哈哈,写代码的时候很有意思,
操作checkbox
html
Jquery部分
//全部选择 $("#all").click(function(){ $("input[name='checkbox1']").each(function(){ $(this).attr("checked",true); }); });
普通javascirpt部分:
function checkAll(){ for(i=0;i
取消选择代码:
Jquery部分:
//取消选择 $("#delAll").click(function(){ $("input[name='checkbox1']").each(function(){ $(this).attr("checked",false); }); });
普通javascript部分:
function delAll(){ for(i=0;i
反向选择代码:
Jquery部分:
//反向选择 $("#antiAll").click(function(){ $("input[name='checkbox1']").each(function(){ $(this).attr("checked",!this.checked); });
普通javascript部分:
function antiAll(){ for(i=0;i
推荐阅读
-
jquery操作select常见方法大全【7种情况】
-
jquery操作checkbox的常用方法总结【附测试源码下载】
-
jQuery操作 input type=checkbox的实现代码
-
jquery的clone方法教程应用于textarea和select的bug修复
-
jQuery操作input值的各种方法总结
-
jquery操作select常见方法大全【7种情况】
-
jQuery根据ID获取input、checkbox、radio、select的示例
-
jQuery设置和获取select、checkbox、radio的选中值方法
-
jQuery操作CheckBox的方法介绍(选中,取消,取值)
-
jquery操作checkbox的常用方法总结【附测试源码下载】