jq操作radio,设置选中、获取选中值

时间:2023-01-25 23:06:02

<label><inputtype="radio"name="sex"value="1">男</label>

  <label><inputtype="radio"name="sex"value="2">女</label>

  JQ获取被选中的值:$(':radio[name="sex"]:checked').val();

  JQ设置为选中:$(':radio[name="sex"]').eq(0).prop("checked",true); //JQ1.6+ 的版本中改为prop

  反选:$(':radio[name="sex"]').eq(0).attr("checked",false);或$(':radio[name="sex"]').eq(0).attr("checked",'');

  if($(':radio[name="sex"]').attr('checked')==undefined)//判断是否已经选中

  $(':radio[name="sex"]').attr("checked",'10');//设置value=10的单选按钮为选中项

  下拉框select:$(':select[name="sex"]').attr("value",'1');//设置value=1的项目为选中项

  扩展:

  checkbox类似;

  扩展2:

  获取一组radio被选中项的值

  varitem=$('input[@name=items][@checked]').val();

  or

  varitem=$('input[name="控件name"]').val();

  获取select被选中项的文本

  varitem=$("select[@name=items]option[@selected]").text();

  or

  varitem=$('select[name="控件name"]').val();

  select下拉框的第二个元素为当前选中值

  $('#select_id')[0].selectedIndex=1;

  radio单选组的第二个元素为当前选中值

  $('input[@name=items]').get(1).checked=true;

  $('input[name="控件name"]').eq(1).checked=true;

  获取值:

  文本框,文本区域

  $("#txt").attr("value");

  or

  $("#txt").val();

  多选框checkbox

  $("#checkbox_id").attr("value");

  $("#checkbox_id").val();

  单选组radio

  $("input[@type=radio][@checked]").val();

  $('input[name="控件name"]').val();

  下拉框select

  $('#sel').val();

  控制表单元素

  文本框,文本区域

  $("#txt").attr("value",'');//清空内容

  or

  $("#txt").val('');

  $("#txt").attr("value",'11');//填充内容

  or

  $("#txt").val('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的项目为当前选中项

  $("<optionvalue='1'>1111</option><optionvalue='2'>2222</option>").appendTo("#sel")//添加下拉框的option

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