分享

jquery对表单元素的取值和赋值

 贾朋亮博客 2014-07-04
/*获得text的值*/
    var textval =$("#text_id").attr("value");
    //或者
    var textval =$("#text_id").val();
     
    /*获取单选按钮的值*/
    var valraio =$("input[type=raio]:checked").val();
     
    /*获取一组名为items的radio被选中项的值*/
    var item =$('input[name=items]:checked').val();
     
    /*获取复选框的值*/
    var checkboxval =$("#checkbox_id").attr("value");
     
    /*获取下拉列表的值*/
    var selectval =$("#select_id").val();
     
    /*文本框,文本区域*/
    $("#text_id").attr("value",'');//清空内容
    $("#text_id").attr("value",'test');//填充内容
     
    /*多选框checkbox*/
     
    $("#chk_id").attr("checked",'');//使其未勾选
    $("#chk_id").attr("checked",true);//勾选
    if($("#chk_id").attr('checked')==true)//判断是否已经选中
     
    /*单选组radio*/
    $("input[type=radio]").attr("checked",'2')//设置value=2的项目为当前选中项
     
    /*下拉框select*/
    $("select_id").attr("value",'test');//设置value=test的项目为当前选中项
    $("test2").appendTo("#select_id")//添加下拉框的option
    $("#select_id").empty();//清空下拉框
     
    /*获取一组名为items的radio被选中项的值*/
    var item =$('input[name=items]:checked').val();//若未被选中 则val()=undefined
     
    /*获取select被选中项的文本*/
    var item =$("select[name=items] option:selected").text();
     
    /*select下拉框的第二个元素为当前选中值*/
    $('#select_id')[0].selectedIndex=1;
     
    /*radio单选组的第二个元素为当前选中值*/
    $('input[name=items]').get(1).checked=true;
     
    /*重置表单*/
    $("form").each(function(){
        .reset();
    });
   

    本站是提供个人知识管理的网络存储空间,所有内容均由用户发布,不代表本站观点。请注意甄别内容中的联系方式、诱导购买等信息,谨防诈骗。如发现有害或侵权内容,请点击一键举报。
    转藏 分享 献花(0

    0条评论

    发表

    请遵守用户 评论公约

    类似文章 更多