jquery和js方法 获取text和radio select值 及是否选中

时间:2022-06-28 20:36:14

我的上篇日志中 介绍了Jquery对象的区别和DOM对象的区别,所有使用jquery方法和普通js方法判断radio是否被选中是不一样的:

    1 使用Jquery方法

          1.1使用:checked选择器,

      checked选择器表示一起被选中的checkbox或radio

          $("input[name='myinput']:checked").val()

                 判断是否被选中,

                  if( $("input[name='myinput']:checked").val()==""){

                            alert("没有被选中");

                   }

      1.2 找出一组radio中被选中的那个

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

其中:[attribute]attribute为属性名,表示选中带有此属性的元素,如:$("div[id]")选中带id属性的div,没有id属性的就不会被选中。

      1.3 获取select被选中的元素

var item = $('select[name='items'] option[selected]').val(); 其中,$()函数里涉及到了多个选择器,可理解为name为'items'的select 之下的被选中的那个option元素的值。

               获取下拉框的值:

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

                 清空下拉框:

$("#sel").empty();empty()是删除元素的子元素。

  

    1.4 设置select下拉框中的第二个值为选中的值。

              1.5使用Jquery对象的attr("value")方法获取对象的值

获取 文本框,文本区域:$("#txt").attr("value");

         获取多选框checkbox:$("#checkbox_id").attr("value");



  


2 DOM对象的方法

         2.1设置select下拉框中的第二个值为选中的值。使用DOM的selectedIndex属性。

   $("select[name=‘items’]")[0].selectedIndex=1;

其中,selectedIndex 属性可设置或返回下拉列表中被选选项的索引号,这是属性石DOM的属性,因此jquery对象要转化为DOM对象方法。

                  正常我们可以这样使用:

var sel=document.getElementById("myselect");

sel.selectedIndex =1;

 2.2 设置radio被选中的按钮

radio单选组的第二个元素为当前选中值 。使用DOM的checked属性。

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