Avatar of Jazzy 1012
Jazzy 1012

asked on 

Change static entered data to dynamic with counter

I have this code:
<?php if($dayt == '1'){  }?>
      </td>
      <td>
      <center>
      <input type="checkbox" class="colour-button cbb" name="v1" value="10 - 12" id="btn1012" /><label for="btn1012"> <i class="fa fa-check-circle hide12" id="chk-btn1012"></i>  <?php echo $dayt?></label>
      <input type="checkbox" class="colour-button cbb" name="v1" value="10 - 12" id="btn1214" /><label for="btn1214" class="labe"><i class="fa fa-check-circle hide12" id="chk-btn1214"></i> <?php echo $row3[10]?></label>
      </center>
      </td>
      <td>
              <?php }?>
      
      </td>
            <td>
            <center>
      <input type="checkbox" class="colour-button cbb22" name="v2" value="10 - 12" id="btn10" /><label for="btn10"><i class="fa fa-check-circle hide13" id="chk-btn10"></i>  10am - 12pm</label>
        <input type="checkbox" class="colour-button cbb22" name="v2" value="10 - 12" id="btn12" /><label for="btn12" class="labe"><i class="fa fa-check-circle hide13"  id="chk-btn12"></i>  5pm - 7pm</label>
      </center>

Open in new window


And this is the Javascript I have:
<script>
$(function() {
	  $(".colour-button").click(enable_cb);
	});
	function enable_cb() {
		   if (this.checked) {
		        //this will mean at least one is always checked
		        $("input.colour-button1").prop("disabled", false);
		        $("#chk-" + this.id).show();
		    }
		    else {
		        //in this case, hide the element if you need to, but check for ANY items
		        //$("input.colour-button1").attr("disabled", true);
		        $("#chk-" + this.id).hide();

		        if ($(".colour-button:checked").length == 0) {
		            $("input.colour-button1").attr("disabled", true).prop("checked", false);
		            $('.hide11').hide(); 
		        	 $('#submit').attr('disabled', true).removeClass('orangeBtn23').addClass('disabled'); //disable input
			            
		        }
		    }
		}
</script>

Open in new window


Now the first part of my code I want to change it from static to dynamic, meaning I have a query and I want my input box to be inside my while loop for it to execute a variable in each loop. My only issue here is the id "chk-btn10..." Because I have them statically now to use in my javascript, is there a way I can make my id = "chk-btn ++" that it increments everytime so I can add it statically and not ruin my javascript?

My query while loop is before the code like this:
While($row= mysqli_query_rows($result)){

//MY CODE SHOWN ABOVE


}

Open in new window

CSSPHPHTML

Avatar of undefined
Last Comment
Ray Paseur
Avatar of Ray Paseur
Ray Paseur
Flag of United States of America image

Please show us your original input test data and the output you want to get, thanks.
Avatar of Jazzy 1012
Jazzy 1012

ASKER

The output is already shown, I want to get $row3[10] I just want to know if there is a way to had more numbers to the "Id = "Chk-btn1012" so first time in the while loop it will be chk-btn10121 then next time it will be chk-btn10122 ... etc and each time it echos a different $row3[10] until the results from the database is done
Avatar of Ray Paseur
Ray Paseur
Flag of United States of America image

Sure - just append a counter like this:
https://iconoun.com/demo/temp_jasmine.php
<?php // demo/temp_jasmine.php
/**
 * https://www.experts-exchange.com/questions/29011721/Change-static-entered-data-to-dynamic-with-counter.html
 */
error_reporting(E_ALL);
echo '<pre>';


// SIMULATED RESULTS SET
$rows = [ 'a', 'b', 'c' ];

// SET A COUNTER
$num = 0;

// ARRAY SHIFT WOULD BE REPLACED WITH THE APPROPRIATE "_FETCH" METHOD
while ($row = array_shift($rows))
{
    // INCREMENT THE COUNTER
    $num++;

    $new = $row[0] . $num;
    echo PHP_EOL . $new;
}

Open in new window

Avatar of Jazzy 1012
Jazzy 1012

ASKER

How can I add the $num to be in the CSS Id?
ASKER CERTIFIED SOLUTION
Avatar of Ray Paseur
Ray Paseur
Flag of United States of America image

Blurred text
THIS SOLUTION IS ONLY AVAILABLE TO MEMBERS.
View this solution by signing up for a free trial.
Members can start a 7-Day free trial and enjoy unlimited access to the platform.
See Pricing Options
Start Free Trial
PHP
PHP

PHP is a widely-used server-side scripting language especially suited for web development, powering tens of millions of sites from Facebook to personal WordPress blogs. PHP is often paired with the MySQL relational database, but includes support for most other mainstream databases. By utilizing different Server APIs, PHP can work on many different web servers as a server-side scripting language.

125K
Questions
--
Followers
--
Top Experts
Get a personalized solution from industry experts
Ask the experts
Read over 600 more reviews

TRUSTED BY

IBM logoIntel logoMicrosoft logoUbisoft logoSAP logo
Qualcomm logoCitrix Systems logoWorkday logoErnst & Young logo
High performer badgeUsers love us badge
LinkedIn logoFacebook logoX logoInstagram logoTikTok logoYouTube logo