JQuery操作checkbox、radioなどの例

例:複数選択したcheckboxの値を1文字列にまとめる
 

<script type=text/javascript>
function addMem(){
//var followers = document.getElementsByName("followers");
var f_str = '0';
$("input[@name='followers']").each(function(){
   if($(this).attr("checked")==true){
    f_str += ","+$(this).attr("value");
   }
})
alert(f_str);
}
</script>

 
 
=====================
例:選択したradioの値をとる
 

var gender = $('input[@name=gender][@checked]').val();

 
=====================
他の人のものを回します.
jqueryはcheckboxが選択されているかどうかを判断する
htmlのcheckboxで、選択すると属性checked=“checked”があります.
checkboxを1つ選択すると、alertというcheckboxのプロパティ「checked」の値alert($「#xxx」.attr(「checked」)が印刷され、「checked」!
選択されていない場合は、「undefined」が印刷されます.おかしいと思いますか?見続ける～
if($"#xxx".attr("checked")="true")と判断してはいけません.
これは間違っているので、jQueryのAPIマニュアルにはattr(name)の戻り値がobjectと書かれています.
したがって、if($"#xxx".attr("checked")=true)であるべきです.
====================================
jquery全選択/checkboxの選択解除の例:
 

<input type="checkbox" name="checkbox_name[]” id=”checkbox_name_1″ />1<br />
<input type=”checkbox” name=”checkbox_name[]” id=”checkbox_name_2″ />2<br />
<input type=”checkbox” name=”checkbox_name[]” id=”checkbox_name_3″ />3<br />
<input type=”checkbox” name=”checkbox_name[]” id=”checkbox_name_4″ />4<br />
<input type=”checkbox” name=”checkedAll” id=”checkedAll”/>  /    

   <script type="text/javascript">
   <!--
   $(function() {
   $("#checkedAll").click(function() {
    if ($(this).attr("checked") == true) { //   
       $("input[@name='checkbox_name[]']").each(function() {
       $(this).attr("checked", true);
     });
    } else { //     
      $("input[@name='checkbox_name[]']").each(function() {
      $(this).attr("checked", false);
     });
   }
   });
   });
   //-->
   </script>

 
=================================================
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ドロップダウンボックスの2番目の要素は現在選択されている値です
$('#select_id')[0].selectedIndex = 1;
radioラジオグループの2番目の要素は現在選択されている値です
$('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",'');//チェックしない("#chk 2").attr("checked",true);//チェックif($("#chk 1").attr('checked')==undefined)/チェックしたかどうかを判断する
 
ラジオグループradio:
 
$("input[@type=radio]").attr("checked",'2');//value=2の項目を現在の選択項目に設定
ドロップダウンselect:
  
$("#sel").attr("value",'-sel3');//value=-sel 3の項目を現在の選択項目に設定
 
 $("11112222").appendTo("#sel")/ドロップダウンボックスのoptionを追加
$("#sel").empty();//ドロップダウン・ボックスをクリア