`
jhyimu2005
  • 浏览: 185718 次
  • 性别: Icon_minigender_2
  • 来自: 苏州
社区版块
存档分类
最新评论

根据name获取select checkbox的值

    博客分类:
  • jsp
 
阅读更多
$("[name='objName']").val() ;

<select name='sel0'>.....</select>
<select name='sel1'>.....</select>
<select name='sel2'>.....</select>
比如你想获得sel1的值,可以:$("[name='sel1']").val()
--------------------------------------
-哦,原来是多选框啊,多选框的NAME要一样
<input type='checkbox' name=‘test’/>
<input type='checkbox' name=‘test’/>
<input type='checkbox' name=‘test’/>

$("[name='test']:checked")


jquery获得select option的值 和对select option的操作
获取Select :

获取select 选中的 text :

   $("#ddlRegType").find("option:selected").text();



获取select选中的 value:

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



获取select选中的索引:

     $("#ddlRegType ").get(0).selectedIndex;



设置select:

设置select 选中的索引:

     $("#ddlRegType ").get(0).selectedIndex=index;//index为索引值



设置select 选中的value:

    $("#ddlRegType ").attr("value","Normal“);

    $("#ddlRegType ").val("Normal");

    $("#ddlRegType ").get(0).value = value;



设置select 选中的text:

var count=$("#ddlRegType option").length;

  for(var i=0;i<count;i++) 
     {           if($("#ddlRegType ").get(0).options[i].text == text) 
        { 
            $("#ddlRegType ").get(0).options[i].selected = true; 
         
            break; 
        } 
    }



$("#select_id option[text='jQuery']").attr("selected", true);



设置select option项:



$("#select_id").append("<option value='Value'>Text</option>");  //添加一项option

$("#select_id").prepend("<option value='0'>请选择</option>"); //在前面插入一项option

$("#select_id option:last").remove(); //删除索引值最大的Option

$("#select_id option[index='0']").remove();//删除索引值为0的Option

$("#select_id option[value='3']").remove(); //删除值为3的Option

$("#select_id option[text='4']").remove(); //删除TEXT值为4的Option



清空 Select:

$("#ddlRegType ").empty();




jquery获得值:

.val()

.text()




设置值

.val('在这里设置值')







$("document").ready(function(){
$("#btn1").click(function(){
$("[name='checkbox']").attr("checked",'true');//全选
})
$("#btn2").click(function(){
$("[name='checkbox']").removeAttr("checked");//取消全选
})
$("#btn3").click(function(){
$("[name='checkbox']:even").attr("checked",'true');//选中所有奇数
})
$("#btn4").click(function(){
$("[name='checkbox']").each(function(){//反选
if($(this).attr("checked")){
$(this).removeAttr("checked");
}
else{
$(this).attr("checked",'true');
}
})
})
$("#btn5").click(function(){//输出选中的值
var str="";
$("[name='checkbox'][checked]").each(function(){
str+=$(this).val()+"\r\n";
//alert($(this).val());
})
alert(str);
})
})


分享到:
评论

相关推荐

    Jquery获取Select标签的值

    ### Jquery 获取 Select 标签的值 在前端开发中,使用 jQuery 框架能够极大地简化 DOM 操作,使得获取或设置 HTML 元素的属性变得更加容易。本篇文章将详细介绍如何利用 jQuery 来获取 Select 标签的值以及相关的...

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

    - `var maxIndex=$("#select_id option:last").attr("index")`:获取select中最后一项的索引值。 2. **jQuery设置Select的选中项**: - `$("#select_id").get(0).selectedIndex=1`:将选中项设置为索引值为1的...

    怎么获取checkbox/select/radio、选择中的text和value值

    无论是获取`select`、`radio`还是`checkbox`的选择值,还是设置它们的状态,都有多种方法可供选择。理解并熟练掌握这些技术,将极大地提高前端开发效率和用户体验。在实际应用中,根据具体需求选择最合适的策略是...

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

    标题和描述中提到的知识点主要涉及使用jQuery根据ID获取不同类型的HTML表单元素,包括input、checkbox、radio和select。这些表单元素是Web页面中常见的用于用户交互的元素,它们可以用来收集用户的数据。获取这些...

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

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

    jQuery获取Select选择的Text和_Value

    jQuery 获取 Select 选择的 Text 和 Value 是一种常见的操作,例如在表单提交前获取用户选择的选项,或者在页面加载时根据服务器端的数据设置选择的选项。本文将详细介绍 jQuery 获取和设置 Select 选择的 Text 和 ...

    jquery获得select option值

    根据提供的文件信息,我们可以总结出一系列关于如何使用jQuery来获取不同类型的表单元素(如文本框、单选按钮、复选框以及下拉列表)的值的方法。下面将详细介绍这些方法及其应用场景。 ### 一、获取文本框(input ...

    checkbox select应用

    2. **获取选择值**:在JavaScript中,可以使用 `value` 属性获取用户所选的 `option` 的值,如 `document.getElementById('selectId').value`。 3. **添加/删除选项**:动态添加或删除 `option`,可以使用 `add()` ...

    jQuery获取Select标签的手册

    本手册将详细介绍如何使用jQuery获取和操作`Select`标签以及相关的`Radio`和`Checkbox`元素。 1. **获取Select标签的value值**: 要获取`Select`标签中当前选中的选项的`value`属性值,可以使用`$('select').val()...

    Jquery 获取input 值

    根据提供的文件信息,我们可以总结出一系列关于如何使用 jQuery 来获取不同类型的输入元素(如 radio 按钮、checkbox 和 select 下拉列表)值的方法。接下来,我们将详细地解析这些方法,并提供相应的代码示例。 ##...

    jquery获取input表单值的代码

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

    jquery获取复选框checkbox的值实现方法

    //js获取复选框值 var obj = document.getElementsByName("interest");//选择所有name="interest"的对象,返回数组 var s='';//如果这样定义var s;变量s中会默认被赋个null值 for(var i=0;i&lt;obj.length;i++){ ...

    checkbox全选与全不选 xml解析导入与导出 IE下点击select的option单击事件

    function CheckAll(form)根据name=chkAll的checkBox的选中与否来设置其它checkBox全选与全不选,并激活一个事件来验证表单 function UnselectAll(form)取消选择 function ExportXML(checkboxName)导出xml模板文件 ...

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

    对于select和radio单选控件,通常只需要一个选项被选中,而checkbox多选控件则可以选中多个值。在使用时,需要注意是否有value属性,以及如何根据不同的需求选择合适的jQuery方法。掌握这些操作,将有助于提升Web...

    layui checkbox默认选中,获取选中值,清空所有选中项的例子

    在本文中,我们将深入探讨如何使用layui框架处理checkbox控件,包括如何设置默认选中、获取选中值以及清空所有选中项。layui是一款基于前端JavaScript库的模块化前端框架,提供了丰富的UI组件,包括表格、表单、按钮...

    JQuery获取input控件值.docx

    4. **获取和设置checkbox值**: - 获取`&lt;input type="checkbox"&gt;`的值,可以使用`.attr()`方法。例如,对于id为`checkbox_id`的checkbox,获取其值为:`$("#checkbox_id").attr("value")`。 - 设置checkbox是否...

    jquery获取表单值

    获取复选框(`&lt;input type="checkbox"&gt;`)的值 复选框允许用户选择一个或多个选项。如果需要获取所有被选中的复选框的值,可以遍历它们: ```javascript var checkboxVals = []; $("input[type=checkbox][name=...

    CheckBox 选中效果 选中子的父自动选中,选中父的子全部选中

    - 遍历这些元素,根据它们的`type`属性和`name`属性判断是否需要修改选中状态。 - 在处理子项CheckBox时,还需要额外判断父项是否需要同步更新选中状态。 6. **实际应用场景**: - 角色权限分配系统:在一个角色...

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

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

Global site tag (gtag.js) - Google Analytics