读书人

jQuery获取及设立单选框、多选框、文本

发布时间: 2013-08-04 18:26:16 作者: rapoo

jQuery获取及设置单选框、多选框、文本框

jQuery获取及设置单选框、多选框、文本框
获取一组radio被选中项的值? findKind 为单选框的值
var item = $("input[name='findKind']:checked").val();
var item = $("input[name='findKind']").val();
隐藏单选框
$("input[name='findKind']").hide();
获取select被选中项的文本
var item = $("select[@name=items] option[@selected]").text();
select下拉框的第二个元素为当前选中值
$("#select_id")[0].selectedIndex = 1;
radio单选组的第二个元素为当前选中值
$("input[@name=items]").get(1).checked = true;

获取值:

文本框,文本区域:$("#txt").attr("value");
多选框checkbox:$("#checkbox_id").attr("value");
单选组radio: $("input[@type=radio][@checked]").val();
下拉框select: $("#sel").val();

控制表单元素:

文本框,文本区域:$("#txt").attr("value","");//清空内容
$("#txt").attr("value","11");//填充内容

多选框checkbox: $("#chk1").attr("checked","");//不打勾

$("#chk2").attr("checked",true);//打勾
if($("#chk1").attr("checked")==undefined) //判断是否已经打勾
例:

var id_array=new Array();
$('input[name="id"]:checked').each(function(){
?id_array.push($(this).val());//向数组中添加元素
});
var idstr=id_array.join(',');//将数组元素连接起来以构建一个字符串
alert(idstr);

单选组radio: $("input[@type=radio]").attr("checked","2");//设置value=2的项目为当前选中项 (错


$("input[@name=radio_s][@value=16]").attr("checked",true);(测试通过)



下拉框select:

$("#sel").attr("value","-sel3");//设置value=-sel3的项目为当前选中项
$("11112222").appendTo("#sel")//添加下拉框的option
$("#sel").empty();//清空下拉框

$("#select1")[0].options(index).selected = true; //使第index个option选中
$("#select1")[0].options(3).text //取索引为3的option值

?

比如

            <script language="javascript" type="text/javascript">
            $(document).ready(function(){
            $("#selectTest").change(function()
            {
            ?????? //alert("Hello");
            ?????? //alert($("#selectTest").attr("name"));
            ?????? //$("a").attr("href","xx.html");
            ?????? //window.location.href="xx.html";
            ?????? //alert($("#selectTest").val());
            ?????? alert($("#selectTest option[@selected]").text());
            ?????? $("#selectTest").attr("value", "2");

            });
            });
            </script>


            <a href="#">aaass</a>

            <!--下拉框-->
            <select id="selectTest" name="selectTest">
            <option value="1">11</option>
            <option value="2">22</option>
            <option value="3">33</option>
            <option value="4">44</option>
            <option value="5">55</option>
            <option value="6">66</option>
            </select>


            jquery radio取值,checkbox取值,select取值,radio选中,checkbox选中,select选中

            ?

            获取一组radio被选中项的值
            var item = $('input[@name=items][@checked]').val();
            获取select被选中项的文本
            var item = $("select[@name=items] option[@selected]").text();
            select下拉框的第二个元素为当前选中值
            $('#select_id')[0].selectedIndex = 1;
            radio单选组的第二个元素为当前选中值
            $('input[@name=items]').get(1).checked = true;
            获取值:
            文本框,文本区域:$("#txt").attr("value");
            多选框checkbox:$("#checkbox_id").attr("value");
            单选组radio: $("input[@type=radio][@checked]").val();
            下拉框select: $('#sel').val();
            控制表单元素:
            文本框,文本区域:$("#txt").attr("value",'');//清空内容
            $("#txt").attr("value",'11');//填充内容
            多选框checkbox: $("#chk1").attr("checked",'');//不打勾
            $("#chk2").attr("checked",true);//打勾
            if($("#chk1").attr('checked')==undefined) //判断是否已经打勾
            单选组radio: $("input[@type=radio]").attr("checked",'2');//设置value=2的项目为当前选中项
            下拉框select: $("#sel").attr("value",'-sel3');//设置value=-sel3的项目为当前选中项
            $("<option value='1'>1111</option><option value='2'>2222</option>").appendTo("#sel")//添加下拉框的option
            $("#sel").empty();//清空下拉框

读书人网 >编程

热点推荐