`
aaagu1234
  • 浏览: 149164 次
  • 性别: Icon_minigender_1
  • 来自: 北京
社区版块
存档分类
最新评论

jquery radio取值,checkbox取值,select取值,radio选中,checkbox选中,select选中,及其相关

阅读更多
获取一组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的项目为当前选中项
                $("<option value='1'>1111</option><option value='2'>2222</option>").appendTo("#sel")//添加下拉框的option
                $("#sel").empty();//清空下拉框



一 、Select
jQuery获取Select选择的Text和Value:
1. $("#select_id").change(function(){//code...}); //为Select添加事件,当选择其中一项时触发
2. var checkText=$("#select_id").find("option:selected").text(); //获取Select选择的Text
3. var checkValue=$("#select_id").val(); //获取Select选择的Value
4. var checkIndex=$("#select_id ").get(0).selectedIndex; //获取Select选择的索引值
5. var maxIndex=$("#select_id option:last").attr("index"); //获取Select最大的索引值

jQuery设置Select选择的Text和Value:
1. $("#select_id ").get(0).selectedIndex=1; //设置Select索引值为1的项选中
2. $("#select_id ").val(4); //设置Select的Value值为4的项选中
3. $("#select_id option[text='jQuery']").attr("selected", true); //设置Select的Text值为jQuery的项选中

jQuery添加/删除Select的Option项:
1. $("#select_id").append("<option value='Value'>Text</option>"); //为Select追加一个Option(下拉项)
2. $("#select_id").prepend("<option value='0'>请选择</option>"); //为Select插入一个Option(第一个位置)
3. $("#select_id option:last").remove(); //删除Select中索引值最大Option(最后一个)
4. $("#select_id option[index='0']").remove(); //删除Select中索引值为0的Option(第一个)
5. $("#select_id option[value='3']").remove(); //删除Select中Value='3'的Option
6. $("#select_id option[text='4']").remove(); //删除Select中Text='4'的Option
7. $("#SelectID").remove(); //删除所有项

二、Checkbox
全选/取消
jQuery.attr 获取/设置对象的属性值,如:
$("input[name='chk_list']").attr("checked"); //读取所有name为'chk_list'对象的状态(是否选中)
$("input[name='chk_list']").attr("checked",true); //设置所有name为'chk_list'对象的checked为true
$("#img_1").attr("src","test.jpg"); //设置ID为img_1的<img>src的值为'test.jpg'
$("#img_1").attr("src"); //读取ID为img_1的<img>src值
下面的代码是获取上面实例中选中的checkbox的value值:
<script type="text/javascript">
var arrChk=$("input[name='chk_list'][checked]");
$(arrChk).each(function(){
window.alert(this.value);
});
});
</script>

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);//设置第二项为选中项
$("input[type='radio'][value='值']").attr("checked, true");

3,解决多个Radio

$("input[type='radio'][@name='rdoTest2']").eq(0).attr("checked", true);
学习笔记,以备后用。
分享到:
评论

相关推荐

    jquery获取input表单值的代码

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

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

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

    jquery获取元素值的方法(常见的表单元素)

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

    jQuery中的RadioButton,input,CheckBox取值赋值实现代码

    最后,本文还介绍了如何使用jQuery操作select下拉框的选中项。获取下拉框中选中项的文本、值或索引都可以通过jQuery提供的方法来实现。例如获取选中的text可以使用: ```javascript $("#ddlRegType").find("option:...

    jquery学习

    下面我们将详细探讨jQuery中如何对这些元素进行取值、设置选中状态以及其他相关操作。 1. **Radio取值**: 当有一组同名的radio按钮时,只有一个可以被选中。要获取选中的radio的值,可以使用以下代码: ```...

    jquery取值.pdf

    在jQuery中,取值和赋值是基本的操作,以下将详细解释如何使用jQuery进行这些操作。 首先,获取和设置文本框(TEXTAREA)的值: ```javascript // 获取值 var textval = $("#text_id").attr("value"); // 或者 var ...

    jquery表单元素取值

    ### jQuery表单元素取值详解 #### 一、引言 在Web开发中,表单是用户与网站交互的重要组成部分。jQuery作为一种流行的JavaScript库,极大地简化了JavaScript编程,特别是DOM操作方面,使得开发者能够轻松地处理HTML...

    jQuery 取值、赋值的基本方法.docx

    在jQuery中,取值和赋值是操作网页元素数据的核心功能。以下是对标题"jQuery 取值、赋值的基本方法"所涉及知识点的详细说明: 1. **取值方法**: - `$("#text_id").attr("value")` 或 `$("#text_id").val()` 用于...

    Jquery中的CheckBox、RadioButton、DropDownList的取值赋值实现代码

    - 若要设置第一个RadioButton为选中状态,可以使用`$(‘input:radio:first’).attr(‘checked’, ‘checked’)`, 或者 `$(‘input:radio:first’).attr(‘checked’, ‘true’)`. 这两个写法等价,因为`attr('...

    jQuery 取值、赋值的基本方法.pdf

    在文档中,我们关注的是jQuery中关于取值和赋值的基本方法,这些方法对于前端开发至关重要。 1. **取值** - `$("#text_id").attr("value")` 或 `$("#text_id").val()` 用于获取文本框或文本区域的值。 - `$(...

    jQuery对html元素取值与赋值的方法

    本文将详细讲解jQuery如何对HTML元素进行取值与赋值,特别关注文本框(TEXTBOX)、标签(LABLE)、单选按钮(Radio)、复选框(Checkbox)以及下拉列表(Select)。 1. **文本框(TEXTBOX)** - 取值:使用`.val()...

    jquery操作表单案例

    本文将深入探讨“jquery操作表单案例”中的关键知识点,包括输入元素(input)、文本区域(textarea)、单选按钮(radio)、复选框(checkbox)以及选择列表(select)的操作,特别是如何根据选择列表的文本值(text)来选定选项...

    jQuery 取值、赋值的基本方法整理

    除了基本的取值和赋值,jQuery还提供了其他操作,如检查单选按钮或复选框是否被选中,或者改变选中状态。例如,`$("#chk_id").attr("checked", "checked")`可以勾选复选框,`$("#chk_id").attr("checked", "");`则...

    Jquery 表单取值赋值的一些基本操作

    ### Jquery 表单取值赋值的基本操作与高级选择器详解 #### 一、概述 JQuery 是一款流行的 JavaScript 库,它极大地简化了 HTML 文档遍历、事件处理、动画以及 Ajax 交互等任务。本文将详细介绍如何使用 JQuery 进行...

    jQuery对表单元素的取值和赋值操作代码

    在jQuery中,对表单元素进行取值和赋值是常见的操作,这在网页交互和数据处理中至关重要。以下是对给定标题和描述中的知识点的详细说明: 1. **文本框(TEXT.AREATEXT)的取值和赋值**: - 取值:`$("#text_id")[0...

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

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

    jquery扩展插件,取得包含标签自身的html

    jquery扩展插件,jquery提供的html()方法,只能获取标签内部内容,本插件进行了扩展实现了取得包含标签自身的html,并解决了input/radio/checkbox/select等输入后无法取值问题。

    Jquery给基本控件的取值、赋值示例

    表单控件是构建网页应用程序时最常使用到的元素,例如文本框(TEXTBOX)、标签(LABEL)、单选按钮(RADIO)、复选框(CHECKBOX)和下拉列表(SELECT)等。掌握如何通过JQuery来获取和设置这些基本控件的值,对于...

Global site tag (gtag.js) - Google Analytics