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

jquery 和 select ,checkbox,radio 选中,设置值

 
阅读更多
1,获取check选中的值
var str ="";
         $("input[name='dimFlag']:checkbox").each(function(){
                if($(this).attr("checked")){
                    str += $(this).val()+","
                }
            })
   str = str.substr(0, str.length - 1) // 去掉最后一个逗号

1.1 给checkbox 赋值,并且根据已有条件设置是否选中

          $.ajax({
           url: "<%=rootPath%>/tree!getDateDimType.action",  
           type:"post",           
           dataType:"json",  
           success: function(json){  
                // 获取枚举值      
$.each(json, function(i){
       var  tempHTML1= " <input type='checkbox'  name='dateDimType'  value="+ json[i].VALUE  + ">"+json[i].NAME ;
     $('#dateDimType').append(tempHTML1);
  });
 
  // 迭代checkbox ,设置是否选中。如果在集合 dateDimTypeArray中,则选中
  for ( var k=0;k<dateDimTypeArray.length ;k++){
               // alert(" ggg:"+dateDimTypeArray[k]);
        $("input[name=dateDimType]").each(function(){
                   var me = $(this);
                  // alert(dateDimTypeArray[k] +" me.val():"+me.val() );
                if(dateDimTypeArray[k]== me.val()){
                me.attr("checked", "true");
                        }

                 });
                  }  
 
           }
      }); 


2 获取radio选中的值
  var ifImpList =$("input[name=atomTgtPO.ifImpList][checked]").val();

3 获取 select 下面 option选中项的值(analyle 为select Id)

      var analyle =  $("#analyle option:selected").val();
4 设置 select标签中值为analyle的option选中
       $("#analyle").val(analyle);

5 设置 select 下面 option的选项选中

<select name="isShowInChart" id="isShowInChart">
      <option value="0" <s:if test="analyzeTreePO.isShowInChart==0">selected</s:if>>否</option>
      <option value="1" <s:if test="analyzeTreePO.isShowInChart==1">selected</s:if>>是</option>
   </select>
分享到:
评论

相关推荐

    jquery 设置select checkbox radio只读

    昨天网上找了很多关于设置select checkbox radio只读的,都没办法满足要求,自己写了一个

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

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

    jquery操作Radio、Checkbox、Select Demo

    2. **获取选中的Radio值**: ```javascript var selectedValue = $('input[type="radio"]:checked').val(); // 获取选中Radio的值 ``` 3. **监听Radio变化事件**: ```javascript $('input[type="radio"]').on...

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

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

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

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

    select checkbox radio项直接赋值jQuery插件

    jQuery插件只可以用val方法给input标签的text、...而checkbox、radio属性和select标签就无法直接赋值,必须用遍历的方法使对应项选中。 我自己写了一个jQuery的插件,可以直接用setval方法像赋值一样设定选中项。

    使用JQuery封装的Select&Checkbox&Radio脚本-维豪信息技术有限公司内部

    本文将深入探讨如何使用jQuery封装Select、Checkbox和Radio元素,以提高前端开发效率并确保跨浏览器兼容性。 一、jQuery封装Select 在HTML中,`&lt;select&gt;`元素用于创建下拉菜单。在jQuery中,我们可以方便地操作...

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

    总结,使用jQuery处理radio、checkbox和select的选中状态及获取选中值是非常常见的操作。理解并熟练运用这些API可以帮助我们更高效地实现页面交互功能。在实际开发中,需要注意选择器的准确性和效率,以及考虑到各种...

    Jquery获取Select标签的值

    - **为特定复选框设置选中状态**:可以通过其索引或属性来设置选中状态。 - 通过索引设置:`$("input[name=items]").eq(1).prop('checked', true);` - 通过 value 设置:`$("input[name=item][value='val']").prop...

    jquery获取input表单值的代码

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

    jQuery获取Select选择的Text和_Value

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

    jquery获得select option值

    使用`.val()`方法可以设置下拉列表的选中值。 ### 六、操作DOM元素 1. **向下拉列表添加新选项**: ```javascript $("&lt;option value='1'&gt;1111&lt;/option&gt;&lt;option value='2'&gt;2222&lt;/option&gt;").appendTo("#sel"); `...

    jquery美化checkbox,radio

    、根据原有的select 模拟生成新的 select。 2、支持键盘,可通过键盘选择选项。 3、可自定义样式。 4、方便灵活,可选择需要的seletc 进行模拟(非全局模拟) 5、判断用户是否开启脚本支持,若未开启,不进行...

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

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

    jQuery获取Select标签的手册

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

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

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

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

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

    Jquery操作Select option整理

    - `$("input[type='radio'][value=2]").attr("checked", "checked")` 将值为 `2` 的单选按钮设置为选中状态。 **3. 复选框操作:** ```javascript $("input[type='checkbox'][checked]").val(); // 获取第一个选中...

Global site tag (gtag.js) - Google Analytics