`
starbhhc
  • 浏览: 654102 次
  • 性别: Icon_minigender_2
  • 来自: 深圳
社区版块
存档分类
最新评论

jQuery 判断页面元素是否被选中的几种方法

 
阅读更多

jQuery 判断 checkbox 是否被选中的几种方法:

 

//获取一组radio被选中项的值

var item = $('input[@name=items][@checked]').val();

//获取select被选中项的文本

var item = $("select[@name=items] option[@selected]").text();

//select下拉框的第二个元素为当前选中值

$('#select_id')[0].selectedIndex = 1;

//radio单选组的第二个元素为当前选中值

$('input[@name=items]').get(1).checked = true;


//获取值:

//文本框,文本区域:

$("#txt").attr("value");

//多选框checkbox:

$("#checkbox_id").attr("value");

//单选组radio:

$("input[@type=radio][@checked]").val();

//下拉框select:

$('#sel').val();


//控制表单元素:

//文本框,文本区域:

$("#txt").attr("value",'');//清空内容

$("#txt").attr("value",'11');//填充内容


//多选框checkbox:

$("#chk1").attr("checked",'');//不打勾

$("#chk2").attr("checked",true);//打勾

if($("#chk1").attr('checked')==undefined) //判断是否已经打勾


//单选组radio:

$("input[@type=radio]").attr("checked",'2');//设置value=2的项目为当前选中项

//下拉框select:

$("#sel").attr("value",'-sel3');//设置value=-sel3的项目为当前选中项

$("

11112222").appendTo("#sel")//添加下拉框的option

$("#sel").empty();//清空下拉框

分享到:
评论

相关推荐

    jquery判断单选按钮radio是否选中的方法

    ### 使用jQuery判断单选按钮是否选中 #### 方法一:在页面加载时获取单选按钮的选中状态 当页面加载完成后,我们可能需要检查哪些单选按钮被选中了。这时,我们可以使用jQuery的.each()方法来遍历所有单选按钮,并...

    jQuery 判断元素整理汇总

    以上介绍了几种使用jQuery判断页面元素状态的方法,这些方法在日常开发中非常实用。掌握这些方法可以帮助开发者写出更加健壮、用户体验更好的Web应用。需要注意的是,虽然示例中使用的是jQuery 3.1.1版本,但这些...

    jquery判断复选框是否选中进行答题提示特效

    判断复选框是否被选中是实现表单验证和交互逻辑的关键步骤之一。本文所涉及的知识点是利用jQuery库来判断复选框的选中状态,并根据用户的操作提供相应的答题提示特效。 知识点1:复选框的基本操作 在HTML中,复选框...

    jQuery判断checkbox是否选中的小例子

    在这篇名为“jQuery判断checkbox是否选中的小例子”的文章中,作者讲述了如何使用jQuery来判断复选框(checkbox)是否被选中的几种方法。复选框是一种常见的表单元素,常用于让用户选择一个或多个选项。在Web开发中...

    jquery检测input checked 控件是否被选中的方法

    `:checked`是jQuery的一个伪类选择器,它用来判断一个复选框或单选按钮是否被选中。 3. `var gouxuan`:这是一个变量,用来存储检测结果。如果有任何一个复选框被选中,`is(‘:checked’)`返回`true`,否则返回`...

    jquery表单元素取值

    获取其值可以通过以下几种方式实现: ##### 1. 获取已选项的文本 ```javascript var selectedText = $("#testSelect option:selected").text(); ``` ##### 2. 获取已选项的值 ```javascript var selectedValue = $...

    jQuery页面滚动浮动导航切换效果源码.zip

    2. **DOM元素位置获取**:使用`$(element).offset().top`可以获取DOM元素距离页面顶部的距离,这在判断元素是否进入视口时非常有用。 3. **CSS样式动态修改**:通过`$(element).css(property, value)`方法,可以在...

    jQuery验证表单属性是否为空

    针对"jQuery验证表单属性是否为空"的主题,我们需要关注以下几个方面: 1. **选择器**:jQuery的选择器用于定位DOM中的特定元素。例如,`$("#myInput")`将选择ID为"myInput"的输入元素。我们可以根据表单字段的ID、...

    jquery处理checkbox(复选框)是否被选中实例代码

    在早期的jQuery版本中,我们可以使用attr方法来判断复选框是否被选中,例如: ```javascript if($(this).attr("checked")) { //复选框被选中 } ``` 然而,随着jQuery 1.6版本的发布,官方推荐使用prop方法来替代...

    jQuery显示和隐藏 常用的状态判断方法

    此时,就可以使用jQuery提供的几种状态判断方法。 1. 使用`.is()`方法判断元素是否隐藏或显示 jQuery的`.is()`方法非常适用于这种情况。`.is()`方法可以接受一个选择器,并返回一个布尔值,表示当前匹配的元素集...

    jquery弹出层鼠标点击弹出层可浮动在屏幕滚动

    在网页设计中,"jQuery弹出层"是一种常见的交互元素,用于向用户显示额外的信息、提示或者表单等。标题中的“jquery弹出层鼠标点击弹出层可浮动在屏幕滚动”指的是使用jQuery实现的弹出层功能,当用户点击文字或图片...

    jQuery实现获取选中复选框的值实例详解

    3. 判断元素状态:在遍历过程中,通常需要判断复选框是否被选中。可以通过检查复选框的属性来实现这一点。jQuery的.prop() 方法用于获取或设置DOM属性值。对于复选框,我们可以使用.prop("checked") 来判断是否被...

    jquery多对象框选范围拖曳

    "jquery多对象框选范围拖曳"这个主题涉及到的是使用jQuery实现的一种交互功能,允许用户通过拖动鼠标来选择多个对象,形成一个矩形框选区域。这种技术常用于数据可视化、图片编辑或文件管理等场景,让用户能够方便地...

    jQuery仿天猫左侧导航滚动效果.zip

    结合滚动条的位置(`$(window).scrollTop()`),可以判断当前滚动位置是否接近某个内容区域。 5. **高亮当前选中链接**:当滚动位置接近某个内容区域时,我们可以通过CSS类名切换来改变相应的导航链接样式,使其看...

    分享一个jQuery实现键盘操作特效(主要是上移下移)

    标题中的“jQuery实现键盘操作特效(主要是上移下移)”指的是使用JavaScript库jQuery来创建一个功能,使得用户可以通过键盘的上下箭头键来上下移动页面上的元素,比如列表项或者焦点区域。这个功能常见于各种需要...

    jquery实用代码片段集合

    在jQuery中,可以使用几种方法获取当前元素在其同级元素集中的索引值。 ```javascript $("ul>li").click(function() { var index = $(this).prevAll().length; }); ``` 这段代码通过遍历前所有同级元素并计算数量来...

    基于jQuery实现滚动切换效果

    基于jQuery实现滚动切换效果的知识点主要包括了以下几个方面: 1. jQuery的基本概念:jQuery是一个快速、简洁的JavaScript库,它通过简化HTML文档遍历和事件处理、动画和Ajax交互,极大地简化了JavaScript编程。在...

    jquery操作checked属性以及disabled属性的多种方法

    #### jQuery判断checked状态的三种方法: 1. 使用`.attr('checked')`方法: - 在jQuery 1.6+版本中,返回值可能是"checked"字符串或"undefined"; - 在jQuery 1.5-版本中,返回值是true或false。 2. 使用`.prop...

    jQuery网页侧边滑动展开导航.zip

    本资源"jQuery网页侧边滑动展开导航.zip"提供了一种实现方式,利用jQuery库来创建一个交互性强、视觉效果良好的侧边滑动导航栏。接下来我们将深入探讨这一主题,包括前端开发中的CSS、JavaScript、HTML5以及jQuery的...

    轻松实现jQuery添加删除按钮Click事件

    最后,示例代码中使用了jQuery的属性选择器来判断复选框是否被勾选。通过语句$("input[type='checkbox']").is(':checked'),可以得到一个布尔值表示复选框的选中状态。然后,根据这个状态决定是否绑定或解绑点击事件...

Global site tag (gtag.js) - Google Analytics