`
seattle2881
  • 浏览: 32739 次
  • 性别: Icon_minigender_1
  • 来自: 合肥
社区版块
存档分类
最新评论

jquery获取和设置radio,check,select选项(转)

阅读更多

select控件选项

1,获取select选中的value值

      $("#selectID").val();

2,获取select选中的text的值

 $("#selectID").find("option:selected").text()

3,设置select的第几项为当前选中项

$("#selectID").attr("value",2);//设置第二项为当前选中项

4,添加option

$("selectID").append("<option value='5'>select5</option>");

5,删除一项option

$("#SelectID option[value='3']").remove();  //删除Select中Value='3'的Option

6.,获取Select选择的索引值 

var checkIndex=$("#selectID ").get(0).selectedIndex;  //获取Select选择的索引值 

7,删除所有项

$("#SelectID").remove();

 

checkbox控件的使用

1,获取checkbox的value

$("#checkboxID").value或$("input[type='checkbox']").eq(n).attr("checked").value

2,设置选中项

$("input[type='checkbox']").eq(1).attr("checked")//设置第一个checkbox为选中的项

3,删除所有checkbox

  $("input[type='checkbox']").remove()

4,checkbox方法

  $(document).ready(function() {
        var check = $("input[type='checkbox']");
        check.each(function(n) {
        check.eq(n).bind("click", function() {
          
                if (check.eq(n).attr("checked") != false) {
                    var value = check.eq(n).val();
                    alert(value);
                }
                else {
                    alert(check.eq(n).attr("checked"));
                }
            })
        });
    });

radio控件

1,获取选中的value值

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

2,设置指定的项为当前选中项

  $("input[type='radio']").eq(1).attr("checked",true);//设置第二项为选中项

分享到:
评论

相关推荐

    jquery获取各种radio,checkbox,select的值等

    在JavaScript的世界里,jQuery库提供了一种简洁的方式来操作DOM元素,包括处理radio、checkbox和select。这些元素在网页表单中十分常见,用于收集用户输入。以下是对标题和描述中涉及的知识点的详细说明: 1. **...

    jQuery设置和获取select、checkbox、radio的选中值方法

    本文将详细介绍如何使用jQuery设置和获取这些表单控件的选中值。 首先,我们来看下如何设置单选下拉框(select)的选中值。单选下拉框通常用于从多个选项中选择一个。若要在不具有value属性的option中设置选中项,...

    jquery 获得select、radio、checkbox选择的text和value值

    ### jQuery 获取 Select、Radio、Checkbox 的 Text 和 Value 值详解 #### 一、Select 下拉框的操作 在网页开发中,`&lt;select&gt;` 标签用于创建下拉列表,通常用于用户输入时的选择操作。jQuery 提供了简单且强大的...

    Jquery 操作 Dom 标签 select

    下面我们将详细介绍如何使用 jQuery 来获取和设置这些元素的状态。 #### 一、获取和设置 `select` 元素的值 `&lt;select&gt;` 标签用于创建一个下拉列表。使用 jQuery 获取或设置 `&lt;select&gt;` 元素的值非常方便: 1. **...

    jquery的checkbox,radio,select等方法小结

    在jQuery中,对HTML元素的操纵是前端开发中不可或缺的一部分,尤其对于`checkbox`、`radio`和`select`这些常见的表单控件,熟练掌握它们的jQuery操作至关重要。这里我们将详细探讨这些方法,帮助你更好地理解和应用...

    Jquery 获取表单text,areatext,radio,checkbox,select值的代码

    jquery radio取值,checkbox取值,select取值,radio选中,checkbox选中,select选中,及其相关 获取一组radio被选中项的值 var item = $(‘input[@name=items][@checked]’).val(); 获取select被选中项的文本 var ...

    jQuery根据ID获取input、checkbox、radio、select的示例

    input: var xxx = $(‘#ID’).val() ——————————————————————————— checkbox: var xxx = [ ]; $('input[name=MyName]:checked).each(function(index, element) { xxx.push($(element)....

    layui监听select变化,以及设置radio选中的方法

    本文将详细介绍如何使用layui监听select选择框的变化,以及如何设置radio单选按钮的选中状态。 ### 一、layui监听select变化 在layui中,监听select变化主要是通过`layui.form`模块提供的事件监听功能来实现。首先...

    Jquery操作radio,checkbox,select表单操作实现代码

    jQuery提供了丰富的API来获取和设置`select`的选择状态。例如,`change()`函数用于监听用户在`select`中选择项时的事件。当用户改变选择时,可以执行相应的代码块。获取选中项的文本内容可以用`find("option:...

    JS,Jquery获取select,dropdownlist,checkbox下拉列表框的值(示例代码)

    jQuery获取Select选择的Text和Value: 语法解释: 1. $(“#select_id”).change(function(){//code…}); //为Select添加事件,当选择其中一项时触发 2. var checkText=$(“#select_id”).find(“option:selected”)...

    jQuery常见的表单操作

    获取和设置Select的值、文本和索引: - `$("#select_id").change(function() {...})` 监听下拉列表的改变事件。 - `var checkText = $("#select_id").find("option:selected").text();` 获取选中项的文本。 - `...

    jQuery获取Select选择的Text和Value(详细汇总)

    以下详细汇总了使用jQuery获取Select下拉菜单选择项的Text和Value的方法以及如何设置和操作这些属性。 1. 为Select添加事件监听器 当用户在下拉菜单中选择一个选项时,我们可能需要执行一些操作。在jQuery中,可以...

    jquery 学习

    jQuery 提供了一系列方法来获取和设置 Select 控件的状态。 **1. 获取 Select 信息** - **获取选中的文本** ```javascript var selectedText = $("#ddlRegType").find("option:selected").text(); ``` - **...

    Jquery 改变radio/checkbox选中状态,获取选中的值(示例代码)

    本篇文章将详细讲解如何使用 jQuery 来改变 radio 和 checkbox 的选中状态,以及如何获取选中的值。我们将通过示例代码来深入理解这些功能。 首先,我们关注的是如何改变 radio 或 checkbox 的选中状态。在 HTML 中...

    前端web select 多层级选择。利用 ztree.js 实现下拉框的多选和单选demo.有兴趣的可以了解一下。

    其中,`check` 参数用于控制多选和单选功能,如 `check.enable` 设为 `true` 可开启多选,`check.chkStyle` 可设置为 `"radio"` 或 `"checkbox"` 分别实现单选或多选。同时,`select` 参数可以配置选择后的效果,如...

    jquery 获取表单元素里面的值示例代码

    jquery 笔记: 代码如下: $(“input[name=’radio_name’]:checked”).val() ...3 网上的东西太乱了,而且jQuery不同版本可能写法不太一样,经过搜索和做实验,下面写的是jQuery 1.3.2版本下的 jquery radio取值,check

    Jquery判断radio、selelct、checkbox是否选中及获取选中值方法总结

    在JavaScript和jQuery中,操作HTML表单元素如radio、select和checkbox是非常常见的需求。下面将详细介绍如何使用jQuery来判断这些元素是否被选中以及如何获取它们的选中值。 1. **Radio Button(单选按钮)** - **...

    jquery text,radio,checkbox,select操作实现代码

    本文将深入探讨如何使用 jQuery 对文本框、复选框、单选按钮和下拉框等表单元素进行操作。 1. **文本框(text)和文本区域(textarea)操作**: - `$(“#txt”).attr(“value”)` 或 `$(“#txt”).val()` 可用于获取...

Global site tag (gtag.js) - Google Analytics