radiobox . checkbox 運用方式

radio box說明：

取出 radio box 選中值


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


設定 radio box 值


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


radio box html code


<form name="radio_form" >
  <input type="radio" id="items1" name="items[]" value="1" />1
  <input type="radio" id="items2" name="items[]" value="2" />2
  <input type="radio" id="items3" name="items[]" value="3" />3
</form>


check box說明：

全選.取消全選 check box


//全選
$("#clickAll").click(function(){
  $("#clickAllcanel").attr("checked",false);
  if($("#clickAll").attr("checked")){
    $("input[name='items[]']").each(function() {
      $(this).attr("checked", true);
    });
  }
});
//取消全選
$("#clickAllcanel").click(function(){
  $("#clickAll").attr("checked",false);
  if($("#clickAllcanel").attr("checked")){
     $("input[name='items[]']").each(function() {
       $(this).attr("checked", false);
    });
  }
});


check box html code


<form name="check_box">
  <input id="clickAll" type="checkbox"> 全選
  <input id="clickAllcanel" type="checkbox"> 取消全選
  <input id="items1" name="items[]" type="checkbox" value="1" />
  <input id="items2" name="items[]" type="checkbox" value="2" />
  <input id="items3" name="items[]" type="checkbox" value="3" />
</form>