jqueryを使用してチェックボックスが選択されているかどうかを確認する方法

この記事では、チェックボックスがオンになっているかどうかを判断するための jquery メソッドを主に紹介します。

Jquery は、チェック ボックスが選択されているかどうかを判断する問題と、それを選択する方法をまとめています。

本題に入ります。ページに次のチェック ボックスのセットがある場合:

<input type="checkbox" name="fruit" value="apple">苹果 
<input type="checkbox" name="fruit" value="orange">橘子 
<input type="checkbox" name="fruit" value="banana">香蕉 
<input type="checkbox" name="fruit" value="grape">葡萄

次に、Jquery を使用して、次のチェック ボックスのセットを取得します。 name=fruit チェックボックスの値を確認する方法は以下の通りです。

var checkVal=''; 
$("input[name='fruit']:checkbox").each(function(){ 
  if($(this).attr('checked')){ 
    checkVal+=$(this).val()+','; 
  } 
}) 
判断 name=fruit 组的复选框是否有被选中的选项：
var flag=false; 
$("input[name='fruit']:checkbox").each(function(){ 
  if($(this).attr('checked')){ 
    flag=true; 
  } 
}) 
if(flag){ 
  alert('有被选中'); 
}else{ 
  alert('没有选中任何选项'); 
}

上記はチェックボックスがオンになっているかどうかを判定するjqueryの方法です。皆さんの学習に役立つことを願っています。この章の内容は以上です。その他の関連チュートリアルについては、jQuery ビデオ チュートリアル をご覧ください。