分享web开发知识

注册/登录|最近发布|今日推荐

主页 IT知识网页技术软件开发前端开发代码编程运营维护技术分享教程案例
当前位置:首页 > 网页技术

【JQuery】JQuery基本操作

发布时间:2023-09-06 01:28责任编辑:顾先生关键词:暂无标签

 

 $("input[id^=‘str‘]").each(function() {});

 

  

 

 

jQuery radio的取值与赋值

取radio的值:JS代码$("input[name=‘radioName‘][checked]").val(); 给radio 赋值, 选中值为2的radio:JS代码 $("input[name=‘radioName‘][value=2]").attr("checked",true); 

  

JQuery选择器中使用正则表达式实例

function selectAll(checked) {  // 以ssss开头并且以xxxx结束  $(":checkbox[id^=‘ssss‘][id$=‘xxxx‘]").each(function(){    $(this).attr("checked", checked);  }); ?  // 以ssss开头或者以xxxx结束  $(":checkbox[id^=‘ssss‘],[id$=‘xxxx‘]").each(function(){    $(this).attr("checked", checked);  });}

  


jquery实现select下拉框的取值与赋值,设置选中的方法大全。

$(".selector").val("pxx");$(".selector").find("option[text=‘pxx‘]").attr("selected",true);$(".selector").val();$(".selector").find("option:selected").text();

  

// 1.判断select选项中 是否存在Value="paraValue"的Item function jsSelectIsExitItem(objSelect, objItemValue) { var isExit = false; for (var i = 0; i < objSelect.options.length; i++) { if (objSelect.options[i].value == objItemValue) { isExit = true; break; } } return isExit; }// 2.向select选项中 加入一个Item function jsAddItemToSelect(objSelect, objItemText, objItemValue) { //判断是否存在 if (jsSelectIsExitItem(objSelect, objItemValue)) { alert("该Item的Value值已经存在"); } else { var varItem = new Option(objItemText, objItemValue); objSelect.options.add(varItem); alert("成功加入"); } }// 3.从select选项中 删除一个Item function jsRemoveItemFromSelect(objSelect, objItemValue) { //判断是否存在 if (jsSelectIsExitItem(objSelect, objItemValue)) { for (var i = 0; i < objSelect.options.length; i++) { if (objSelect.options[i].value == objItemValue) { objSelect.options.remove(i); break; } } alert("成功删除"); } else { alert("该select中 不存在该项"); } }// 4.删除select中选中的项 function jsRemoveSelectedItemFromSelect(objSelect) { var length = objSelect.options.length - 1; for(var i = length; i >= 0; i--){ if(objSelect[i].selected == true){ objSelect.options[i] = null; } } }// 5.修改select选项中 value="paraValue"的text为"paraText" function jsUpdateItemToSelect(objSelect, objItemText, objItemValue) { //判断是否存在 if (jsSelectIsExitItem(objSelect, objItemValue)) { for (var i = 0; i < objSelect.options.length; i++) { if (objSelect.options[i].value == objItemValue) { objSelect.options[i].text = objItemText; break; } } alert("成功修改"); } else { alert("该select中 不存在该项"); } }// 6.设置select中text="paraText"的第一个Item为选中 function jsSelectItemByValue(objSelect, objItemText) { //判断是否存在 var isExit = false; for (var i = 0; i < objSelect.options.length; i++) { if (objSelect.options[i].text == objItemText) { objSelect.options[i].selected = true; isExit = true; break; } } //Show出结果 if (isExit) { alert("成功选中"); } else { alert("该select中 不存在该项"); } }// 7.设置select中value="paraValue"的Item为选中 document.all.objSelect.value = objItemValue;// 8.得到select的当前选中项的value var currSelectValue = document.all.objSelect.value;// 9.得到select的当前选中项的text var currSelectText = document.all.objSelect.options[document.all.objSelect.selectedIndex].text;// 10.得到select的当前选中项的Index var currSelectIndex = document.all.objSelect.selectedIndex;// 11.清空select的项 document.all.objSelect.options.length = 0;

  

【JQuery】JQuery基本操作

原文地址:http://www.cnblogs.com/defineconst/p/7928853.html

知识推荐

我的编程学习网——分享web前端后端开发技术知识。 垃圾信息处理邮箱 tousu563@163.com 网站地图
icp备案号 闽ICP备2023006418号-8 不良信息举报平台 互联网安全管理备案 Copyright 2023 www.wodecom.cn All Rights Reserved