Jquery 对 radio取值,checkbox取值,select取值,radio选中,checkbox选中,select选中等的精简操作

 A 取值:

      1. 文本框

      var value=$("#textbox_id").val();               

      2. 单选框

      var value= $("input[name='sex'][checked]").val();

        3. 下拉选择框

        var value = $("#select_id").val();

        4.  多选框

        var value=  $("#checkbox_id").attr("value");

   //多选做单选用时

   var value=$("#checkbox_id").prop("checked");

        一组多选

 

// 1 使用,分隔

function getCheckBoxParams(name) {
  var items = document.getElementsByName(name);
  var values = new Array();
  for (var i = 0; i < items.length; i++) {
    if (items[i].checked)
      values.push(items[i].value);
  }
  return values.toString();
}

// 2

var str="";
   $("input[name='checkboxName']:checked").each(
    function(){
     str+=this.value+",";
     //或者
     //str+=$(this).val()+","
    }
   );

  多选框是否被选中的判断:

  $("#id").is(":checked")    返回值:true false

  注:

    IE在<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">等标签下 input[name='checkboxName'][checked] 选择会失效。

    建议使用:$("[name='checkboxName']:checked") 

    可以使用 $("input:checked[name='checkboxName']")这种效率虽然略差但稳定的方法。

 B 选中或者设置值:

        1. 文本框

        $("#textbox_id").val( value );

        2. 单选框

         $(" input[name= 'sex' ][value= '"+value+"' ]").attr("checked", "checked");

         $(" input[name= 'sex' ]").get(index).checked=true;

    

       3. 下拉选择框

       $("#select_id").val(value);

       $("#sel").empty(); 清除下拉列表值

        4. 多选框

        $("#checkbox_id").attr("checked",true);

posted @ 2009-05-11 15:56  普若伽门  阅读(445)  评论(0编辑  收藏  举报