jquery 获取和设置 radio,check,select

1,048 阅读1分钟

radio

  1. 获取 radio 选中的 value 值
$("input[type='radio']:checked").val();
  1. 设置指定的项为当前选中项
$("input[type='radio']").eq(n).attr("checked",true);// 设置第 n 项为选中项

checkbox

  1. 获取 checkbox 的 value
$("#checkboxID").val();
// 或
$("input[type='checkbox']").eq(n).attr("checked").val();
  1. 设置选中项
$("input[type='checkbox']").eq(n).attr("checked")//设置第 n 个 checkbox 为选中的项
  1. 删除所有checkbox
$("input[type='checkbox']").remove()
  1. checkbox方法
$(document).ready(function() {
   var check = $("input[type='checkbox']");
    check.each(function(n) {
        check.eq(n).bind("click", function() {
              
            if (check.eq(n).attr("checked") != false) {
                var value = check.eq(n).val();
                alert(value);
            } else {
                alert(check.eq(n).attr("checked"));
            }
        })
    });
});

select

  1. 获取 select 选中的 value 值
$("#selectID").val();
  1. 获取 select 选中的 text 的值
$("#selectID").find("option:selected").text()
  1. 设置 select 的第几项为当前选中项
$("#selectID").attr("value",2);//设置第二项为当前选中项
  1. 添加 option
$("selectID").append("<option value='5'>select5</option>");
  1. 删除一项 option
$("#SelectID option[value='3']").remove();  //删除Select中Value='3'的Option
  1. 获取 select 选择的索引值
var checkIndex = $("#selectID").get(0).selectedIndex;  // 获取 select 选择的索引值
  1. 删除所有项
$("#SelectID").remove();