Form Checkbox ellenőrzése

A javascriptről.
Fórum szabályok
Ha elakadtál, és programkódod is van, mindenképpen nyiss neki egy új témát.
Könnyebb úgy segíteni, hogyha elkülönülnek a témakörök és problémák egymástól.
RyTec
Felhasználó
Hozzászólások: 1
Csatlakozott: 2013.05.09. 15:16

Form Checkbox ellenőrzése

Hozzászólás Szerző: RyTec »

Sziasztok!

Van egy script-em, de nem működik megfelelően..
A lényege az lenne, hogy 3 checkbox-ból 1 választhat csak ki a felhasználó, valamint addig ne jelenjen meg a következő gomb amin nem választott...
nos addig eljutottam hogy csak egyet választhat ki az delikvens.
Ami nem működik az pedig a következő "next" bottom .
Valakinek van ötlete?

Kód: Egész kijelölése

$ks_query = dbquery("select * from ( select * from ".DB_KVIZ." order by `kv_ID` desc limit 20
) as lastest_results order by rand() limit 5;");
$i = 1;
while ($sor = dbarray($ks_query)){ 
   echo '<div class="page">';
   echo '<h2>
     <strong>'.$sor['kv_text'].'</strong><br><em>Válaszd ki a helyes választ a felsorolásból!</em></h2>
    </h2>';
   //echo "<h2 align='center'> ".$sor['kv_text']." </h2>";
      $kerdez = $sor['kv_ID'];
      $kv_query = dbquery("SELECT * FROM ".DB_KVIZ_V." WHERE v_kv_ID = ".$kerdez."  ");
      echo "<ul>";
      echo '<input type="hidden" value="'.$kerdez.'" name="kerdes" />';
      $is = 1;
      while ($va = dbarray($kv_query)) {
      echo '<li><label><strong>
      <input id="transcheck'.$is.'" onclick="enabledisablenext()" type="checkbox" value="'.$va['v_ID'].'"  name="valasz['.$i.'][]" /> '.$va['v_text'].' </strong>
      </label></li>';
      $is++;
      }
      if($i == 5){
      echo '<li class="clearfix">
      </li></ul>
      <p style="margin-top:30px; text-align:right;">
      <button disabled="disabled" id="next"  type="submit" class="submit">Submit &raquo;</button></p>';
   }
   else { echo '<li class="clearfix">
      <button  disabled="disabled" id="next" type="button" class="next right">Continue &raquo;</button></li></ul>'; }
      echo "</div>";
      $i++;
   }

echo '</div></div></form>';

echo '<script>
$(function() {
var root = $("#wizard").scrollable();
var api = root.scrollable(), drawer = $("#drawer");
api.onBeforeSeek(function(event, i) {
if (api.getIndex() < i) {
 var page = root.find(".page").eq(api.getIndex()),
   inputs = page.find(".required :input").removeClass("error"),
   empty = inputs.filter(function() {
   return $(this).val().replace(/\s*/g, \'\') == \'\';
   });
 if (empty.length) {
  drawer.slideDown(function()  {
   drawer.css("backgroundColor", "#229");
   setTimeout(function() { drawer.css("backgroundColor", "#fff"); }, 1000);
  });
  empty.addClass("error");
  return false;
 } else {
  drawer.slideUp();
 }
}
$("#status li").removeClass("active").eq(i).addClass("active");
});
root.find("button.next").keydown(function(e) {
if (e.keyCode == 9) {
 api.next();
 e.preventDefault();
}
});

$("input:checkbox").click(function() {
    if ($(this).attr("checked") === true) {
        var group = "input:checkbox[name=\'" + $(this).attr("name") + "\']";
        $(group).attr("checked", false);
        $(this).attr("checked", true);
    } else {
        $(this).attr("checked", false);
    }
   });
});

$("input:checkbox").click(function enabledisablenext(){
    var boxeschecked = 0;
    for (var i = 0; i<= 3; i++) {
        if(document.getElementById("transcheck" + i).checked == true){ 
        boxeschecked ++;
        }
    }
    if (boxeschecked == 0) {document.getElementById("next").disabled= true;}
    if (boxeschecked != 0) {document.getElementById("next").disabled= false;}
});
</script>';

Válasz küldése