Jquery获取表单里text,areatext,checkbox等的值

2015-04-06 16:08 来源:未知 作者:admin 责编:mas
jquery取得text,areatext,radio,checkbox,select的值,以及其他一些操作: 

 function get_form_value(){   

    /*获得TEXT.AREATEXT的值*/   

         var textval = $("#text_id").attr("value");//或者   

         var textval = $("#text_id").val();   

    /*获取单选按钮的值*/   

         var valradio = $("input[@type=radio][@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')==undefined) //判断是否已经选中   

    //单选组radio:   

    $("input[@type=radio]").attr("checked",'10');//设置value=10的单选按钮为当前选中项   

    //下拉框select:   

    $("#select_id").attr("value",'test');//设置value=test的项目为当前选中项   

    $("<option value='test'>test</option>  

    <option value='test2'>test2</option>").appendTo("#select_id")  

    //添加下拉框的option   

    $("#select_id").empty();//清空下拉框  

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">

<html xmlns="http://www.w3.org/1999/xhtml">

<head>

<meta http-equiv="Content-Type" content="text/html; charset=gb2312" />

<title>无标题文档</title>

<script type="text/javascript" src="jquery-1.4.2.min.js"></script>

<script type="text/javascript">

function CheckedHandler(){

var strVal = [];

$(":checked").each(function(){

strVal.push($(this).val());

});

$("#txtcheckbox").val(strVal);

alert(strVal.length + " " + strVal);

}

</script>

</head>

<body>

<table>

           <tr>

            <tr>

                <td height="30">

                    <input  type="checkbox" class="chbox" value="有风度"  /><label>有风度</label>

                </td>

            </tr>

            <tr>

                <td>

                    <input  type="checkbox" class="chbox" value="威严"  /><label>威严</label>

                </td>

            </tr>

            <tr>

                <td>

                    <input type="checkbox" class="chbox" value="亲切"  /><label>亲切</label>

                </td>

            </tr>

            <tr>

                <td>

                    <input  type="checkbox" class="chbox" value="血性汉子"  /><label>血性汉子</label>

                </td>

            </tr>

            <tr>

                <td>

                    <input  type="checkbox" class="chbox" value="小白脸"  /><label>小白脸</label>

                </td>

            </tr>

            <tr>

                <td>

                    <input  type="checkbox" class="chbox" value="绅士气质"  /><label>绅士气质</label>

                </td>

            </tr>

            <tr>

                <td>

                    <input  type="checkbox" class="chbox" value="肤白"  /><label>肤白</label>

                </td>

             </tr>

            <tr>

                <td>

                    <input  type="checkbox" class="chbox" value="黝黑"  /><label>黝黑</label>

                </td>

             </tr>

            

                <td>

                <input id="txtcheckbox" type="text" />

                 <input name="btn" type="button" onclick="CheckedHandler();" value="提交" />

                </td>

          

</table>

</body>

</html>

 


【版权声明】本文内容来源于互联网,本站不拥有所有权,不承担相关法律责任。如果发现本站有侵权的内容,欢迎发送邮件至 benumon@163.com 举报,并提供相关证据,一经查实,本站将立刻删除涉嫌侵权内容。

分享:

更多文章

相关文章

关键词:

一生受益-思韵闪耀-专业IT技术社区 - 爱编程,爱源码,爱技术,一生受益。

powerby 一生受益-思韵闪耀    豫ICP备13002912号-2