2016-08-26 21 views
0

私は何をしたいです1人の少女と1人の少年に投票することができます。チェックボックス条件データベースColdFusionは

<script type="text/javascript"> 
$('input:checkbox').click(function() { 
    $(this).parent().addClass('profile-check'); 
    if ($('input[type=checkbox]:checked').length > 2) { 
    $(this).prop('checked', false) 
    alert("Allowed only 2 votes."); 
    $(this).prop('checked', false).parent().addClass('profile-error') 
    //$('input:checkbox').not(this).prop('checked', false).parent().removeClass('bgcheck'); } 
}); 
</script> 

をしかし、結果は、人々は2を確認することができ、これは少年と少年O女の子と女の子だけではなく1人の男の子と女の子が含まれている:私はこのコードでこれを行うにしようとしています。

コード:

<cfquery name="data" datasource="#dbMarks#">select left(tutgroup,2) as anio,appaterno,apmaterno,nombres,house,codigo,tutgroup from studentCand 
where (tutgroup like 's4%' or tutgroup like '5B%') 
group by left(tutgroup,2),appaterno,apmaterno,nombres,house,codigo,tutgroup 
order by left(tutgroup,2) desc,appaterno,apmaterno,nombres 
</cfquery> 

<div class="container"> 
<div class="row mtc"> 
    <cfoutput query="data" group="anio"> 
    <cfoutput> 
     <div class="col-xs-12 col-sm-4 col-md-3 col-lg-2 profile-chart"> 
      <div class="portrait-settings"> 
      <img src="http://intranet.markham.edu.pe/istaff2/photos_students/#codigo#.jpg" width="65px"> 
      </div>   
      <div class="details-chart">  
      <p class="mtc"><strong>#appaterno#</strong>, #nombres#</p> 
      <span class="mtc">#anio# - </span> 
      <span>#house#</span> 
      <span> 
      <input type="checkbox" name="codigos" value="#appaterno# #apmaterno# #nombres# (#tutgroup#)" required> 
      </span> 
      </div> 
     </div> 
    </cfoutput> 
    </cfoutput> 
</div> 
</div> 
+1

グループごとに 'type =" radio "チェックボックスを使用する必要があります。これにより、それぞれに1つの選択肢しか許可されません。 – Jecoms

答えて

3

あなたがやりたいことができるように、あなたが最初に伝える方法を持っている必要があり、学生は男性(男の子)とするものが女性であるデータセット、(から女の子)。私はあなたの質問からあなたがそれを可能にするフィールドがあるかどうかわからないので、私はあなたがあなたのクエリの変更を通してその情報を得ることができると仮定しようとしています。この例のために、私はあなたのデータベースに学生の性別のフィールドがあり、それはの性別と呼ばれていると仮定しようとしています。

生徒が男の子か女の子かを示すフィールドが表示されたら、チェックボックスの代わりにラジオボタンを使用して問題を解決できます。次に、男の子と女の子のために正確に1つの値が選択され、それを実施するためにJavaScript検証を追加する必要はありません。あなたはラジオボタンの二組、1人のという名前少年女の子という名前の他のものを持っているので、あなたは正確に一つの男の子を持つこと

<cfquery name="data" datasource="#dbMarks#"> 
    select left(tutgroup,2) as anio, appaterno, apmaterno, nombres, house, 
    codigo, tutgroup, gender 
    from studentCand 
    where (tutgroup like 's4%' or tutgroup like '5B%') 
    group by left(tutgroup,2),appaterno, apmaterno, nombres, house, codigo, 
    tutgroup, gender 
    order by left(tutgroup,2) desc,appaterno,apmaterno,nombres 
</cfquery> 

<div class="container"> 
    <div class="row mtc"> 
    <cfoutput query="data" group="anio"> 
     <div class="col-xs-12 col-sm-4 col-md-3 col-lg-2 profile-chart"> 
     <div class="portrait-settings"> 
      <img src="http://intranet.markham.edu.pe/istaff2/photos_students/#codigo#.jpg" 
      width="65px"> 
     </div>   
     <div class="details-chart">  
      <p class="mtc"><strong>#appaterno#</strong>, #nombres#</p> 
      <span class="mtc">#anio# - </span> 
      <span>#house#</span> 
      <span> 
      <cfif gender eq 'male'> 
      <input type="radio" name="boy" value="#appaterno# #apmaterno# #nombres# (#tutgroup#)"> 
      <cfelse> 
      <input type="radio" name="girl" value="#appaterno# #apmaterno# #nombres# (#tutgroup#)"> 
      </cfif> 
     </span> 
     </div> 
    </div> 
    </cfoutput> 
</div> 
</div> 

お知らせや:ここではこれを実行するコードです1人の女の子が一度に選択されます。

+0

ありがとう、それは働いた! – Hriskart

関連する問題