Spiga

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

2009-05-11 15:56 by 普若伽门, 110 visits, 收藏, 编辑

 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 str="";
   $("input[name='checkboxName'][checked]").each(
    function(){
     str+=this.value+",";
     //或者
     //str+=$(this).val()+","
    }
   );

  注:

    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] 选择会失效。

    建议使用 $("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);

■ 拿起勇气,探索你未知的世界。