Jquery Select Radio

来源:互联网 发布:淘宝运营教程pdf 编辑:程序博客网 时间:2024/05/17 02:21

1、JQuery遍历select

      $("#s_year option").each(function (){
             alert($(this).val());//获取value

alert($(this).text());//获取text

$(this).attr("selected","selected");//设置处于选中状态
return false;

      });


2、JQuery设置radio选中以及获取选中项

    <input type="radio" name="sex" id="male" checked="checked" value="男" />
    <label id="lbl_male" for="male">男</label>
     <input type="radio" name="sex" id="female" value="女"/>
     <label id="lbl_female" for="female">女</label>

    获取选中项:

   $('input:radio[name="sex"]:checked').val();

   设置选中项:

   $("#male").attr("checked","checked");


3、设置radio选中

<input type="radio" value="1" name="sex" checked="checked" />男
       <input type="radio" value="0" name="sex" />女


 $(document).ready(function () {
            $("#btn").click(function () {
                var i = 0;
                $("input[type='radio'][value=" + i + "]").attr("checked", "checked");
            });

$("#getvalue").click(function () {
                alert($("input[type='radio'][name='sex']:checked").val());
            });        });


单选按钮是表示一组互斥选项按钮中的一个。当一个按钮被选中,之前选中的按钮就变为非选中的。

当单选按钮被选中或不选中时,该按钮就会触发 onclick 事件句柄
0 0
原创粉丝点击