query小操作

 jquery获取下拉框select

jquery 获取下拉框的text（）的值的时候，特别是页面比较复杂的时候，有时候会失效
可以用js解决。
  var obj = $("#select1")[0];
  obj.options[obj.selectedIndex].innerHTML                                      //显示的值  innerHTML 同text

  obj.options[obj.selectedIndex].value                                             //option value的值

 

下拉框select：   $("#sel").attr("value",'-sel3');                                   //设置value=-sel3的项目为当前选中项

                        $('#sel')[0].selectedIndex = 2;                                 //设置第三项被选中
                $("<option value='1'>1111</option><option value='2'>2222</option>").appendTo("#sel")//添加下拉框的option
                $("#sel").empty();//清空下拉框

 

复选框checkbox

 $("input[name='box']").                                                                                                      //取得对象 同 $("#box")

if($("#query_detail_display").attr("checked")==true)                       //checkbox  选中

 $("#query_detail_display").attr("checked","true");                         //设置复选框被选中

 

 

单选按钮radio

$('input[name=query_type]').get(2).checked = true;                        //设置第三个为选中

$("input[name='query_type']:checked").val()                                   //被选中的值

 

var query = $("input[name='query_type']");                                    //取得radio对象
   query.each(function(){                                                                  //循环每一个radio
      if($(this).val()==type){//

       $(this).attr("checked",true);
       $(this).click();
      }
   });

 

 

 

----------------------------------------------------------------------------------------

jquery全选/取消选择checkbox示例：

<input type="checkbox" name="box" id="checkbox_name_1″ value="1"/>1<br />
<input type="checkbox" name="box"  id="checkbox_name_2″ value="2"/>2<br />
<input type="checkbox" name="box"  id="checkbox_name_3″ value="3"/>3<br />
<input type="checkbox" name="box"  id="checkbox_name_4″ value="4"/>4<br />
<input type="checkbox" name="box"  id="checkedAll"/>全选/取消全选

<script type="text/javascript">
<!--
$(function() {
$("#checkedAll").click(function() {
if ($(this).attr("checked") == true) { // 全选
   $("input[name='box']").each(function() {
   $(this).attr("checked", true);
  });
} else { // 取消全选
   $("input[name='box']").each(function() {
   $(this).attr("checked", false);
  });
}
});
});
//-->
</script>