300字范文,内容丰富有趣,生活中的好帮手!
300字范文 > jQuery实现按钮的点击 全选/反选 单选框/复选框 文本框 表单验证【jquery】

jQuery实现按钮的点击 全选/反选 单选框/复选框 文本框 表单验证【jquery】

时间:2022-07-26 00:56:41

相关推荐

jQuery实现按钮的点击 全选/反选 单选框/复选框 文本框 表单验证【jquery】

web前端|js教程

jQuery,全选,反选

web前端-js教程

jQuery实现按钮的点击 全选/反选 单选框/复选框 文本框 表单验证

金融宝 源码,vscode做jsp,ubuntu dbm,tomcat,sqlite低版本,wordpress影院插件,前端不会框架怎么找工作,爬虫都学什么动物,php图片压缩大小,长沙前端seo优化,财务咨询网站模板,php程序修改网页背景修改哪个文件,仿爱奇艺手机模板lzw

<base href="">My JSP index.jsp starting page$(document).ready(function(){//按钮$("#but").click(function(){alert("This is my JSP page");}); //文本框$("#btext").click(function(){alert($("#te").val());}); //下拉框$("#sel").change(function(){alert($("#sel").val());}); //单选框$("#uradio1").click(function(){alert($(input[name="radiobuttid=on"]:checked).val());});$("#uradio2").click(function(){alert($(input[name="radiobutton"]:checked).val());});$("#uradio3").click(function(){alert($(input[name="radiobutton"]:checked).val());}); //复选框$("#ucheck").click(function(){var str="";//定义一个数组 $(input[name="checkbox"]:checked).each(function(){//遍历每一个名字为interest的复选框,其中选中的执行函数 str+=$(this).val();//将选中的值添加到数组chk_value中});alert(str);});//全选$("#checkall").click(function(){ $("input[name=items]").attr("checked",true);}); //全不选$("#checkallNo").click(function(){$("input[name=items]").attr("checked",false);});//反选$("#check_revsern").click(function(){ $("input[name=items]").each(function(){ $(this).attr("checked", !$(this).attr("checked")); });}); //全选/反选$("#checkItems").click(function(){ $("input[name=items]").attr("checked",$(this).get(0).checked);}); //表单验证$("#nameid").hide();$("#ageid").hide(); $("#ubu").click(function(){if($("#name").val()==""){ $("#nameid").show(); $("#nameid").fadeOut(3000);return false;}else if($("#age").val()==""){ $("#ageid").show(); $("#ageid").fadeOut(3000);return false;}alert($("#sel").val());alert("姓名:"+$("#name").val()+" "+"年龄"+$("#age").val() );}); });

1 2 3

1 2 3

1 2 3 4

全选/全不选

足球 篮球 游泳 唱歌

姓名:姓名不能为空!

年龄:年龄不能为空!

菜鸟第一次发布,如有不对还望指出

微信小程序免费源码,vscode 自定义提示,ubuntu提示grub,启动tomcat打不开,专业爬虫箱,php设计软件,济南seo优化咨询已推荐,网站动态banner轮播代码,模板论坛资源网站lzw

以上所述就是本文的全部内容了,希望大家能够喜欢。

b2b商城免费源码,ubuntu下ctrlz,tomcat怎么查看并发数,澳洲爬虫展,php 达梦数据库,铁门关seo网络营销策略lzw

本内容不代表本网观点和政治立场,如有侵犯你的权益请联系我们处理。
网友评论
网友评论仅供其表达个人看法,并不表明网站立场。