PHP- Select all based on checkbox

Question

So, i have a form as below.I want to select all in working when the checkbox(For All Day) is selected. Is there any way i can do it through html or should i go for php or javascript?

<form>
  <table>
      <tr>
        <td colspan="4">
          <!--on selecting the checkbox below all radio buttons under working must get selected-->
          <input type="checkbox"  name="day"  />All Day
        </td>
        <td><b>Working</b></td>
        <td><b>Close</b></td>
      </tr>
      <tr>
        <td colspan="4"><b>Monday</b></td>
        <td><input type="radio" name="mday" value="work" /></td>
        <td><input type="radio" name="mday"  /></td>
      </tr>
      <tr>
        <td colspan="4"><b>Tuesday</b></td>
        <td><input type="radio" name="tday" value="work" /></td>
        <td><input type="radio" name="tday"  /></td>
      </tr>
      <tr>
        <td colspan="4"><b>Wednesday</b></td>
        <td><input type="radio" name="wday" value="work" /></td>
        <td><input type="radio" name="wday"  /></td>
      </tr>
      <tr>
        <td colspan="4"><b>Thursday</b></td>
        <td><input type="radio" name="thday" value="work" /></td>
        <td><input type="radio" name="thday"  /></td>
      </tr>
      <tr>
        <td colspan="4"><b>Friday</b></td>
        <td><input type="radio" name="fday" value="work"  /></td>
        <td><input type="radio" name="fday"  /></td>
      </tr>
      <tr>
        <td colspan="4"><b>Saturday</b></td>
        <td><input type="radio" name="sday" value="work" /></td>
        <td><input type="radio" name="sday" value="close"  /></td>
      </tr>
      <tr>
        <td colspan="4"><b>Sunday</b></td>
        <td><input type="radio" name="suday" value="work"  /></td>
        <td><input type="radio" name="suday"  /></td>
      </tr>
  </table>
</form>

@SamOrozco i just want that when check the checkbox next to all day, the radio buttons under working for all days ie. monday to sunday get checked. — Shady7447, Nov 02 '16 at 05:57

score 1 · Accepted Answer · edited May 23 '17 at 12:13

You won't be able to do this with php, at least without reloading the page or making an Ajax request but this would be impractical. The best option is JavaScript; refer to this question, it solves your problem: How to implement "select all" check box in HTML?

Basically, all you have to do is bind an onClick event on the checkbox "All days" that triggers the JavaScript function. The function then takes the list of checkboxes, iterates through all of them, and checks them. The html (taken from the link I provided) should be similar to this:

<input type="checkbox" onClick="toggle(this)" />All days<br/>

And then the script:

function toggle(source) {
  checkboxes = document.getElementsByName('x');
  for(var i=0, n=checkboxes.length;i<n;i++) {
    checkboxes[i].checked = source.checked;
  }
}

@Shady7447 if my answer helped you solve your problem, please mark it as such. Thanks! — Bernardo OS, Nov 07 '16 at 20:11

score 1 · Answer 2 · answered Nov 02 '16 at 05:26

1

The easiest method would be to use a javascript function that would be called upon the All Day check box value changed.

Then your function would be IF checked, run through the list and check all days

answered Nov 02 '16 at 05:26

Lemuel Botha

659
8
22

score 1 · Answer 3 · answered Nov 02 '16 at 05:27

Try This Using jquery

Live Demo Here

Script

$("#allday").click(function() {
   $("input:radio[value='work']").attr("checked", "checked");
});

Snippet Example Below

$("#allday").click(function() {
$("input:radio[value='work']").attr("checked", "checked");
});

<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script>
<form>
<input type="radio" name="allday" id="allday"/>All Day Working Close <br>
<table>
<tr>
<td colspan="4"><tr>
<td colspan="4">
<b>Monday</b>
</td>
<td>
<input type="radio" name="mday" value="work" /></td>
<td>
<input type="radio" name="mday"  />
</td>
</tr>

<tr>
<td colspan="4">
<b>Tuesday</b>
</td>
<td>
<input type="radio" name="tday" value="work" /></td>
<td>
<input type="radio" name="tday"  />
</td>
</tr>

<tr>
<td colspan="4">
<b>Wednesday</b>
</td>
<td>
<input type="radio" name="wday" value="work" /></td>
<td>
<input type="radio" name="wday"  />
</td>
</tr>

<tr>
<td colspan="4">
<b>Thursday</b>
</td>
<td>
<input type="radio" name="thday" value="work" /></td>
<td>
<input type="radio" name="thday"  />
</td>
</tr>

<tr>
<td colspan="4">
<b>Friday</b>
</td>
<td>
<input type="radio" name="fday" value="work"  /></td>
<td>
<input type="radio" name="fday"  />
</td>
</tr>

<tr>
<td colspan="4">
<b>Saturday</b>
</td>
<td>
<input type="radio" name="sday" value="work" /></td>
<td>
<input type="radio" name="sday" value="close"  />
</td>
</tr>

<tr>
<td colspan="4">
<b>Sunday</b>
</td>
<td>
<input type="radio" name="suday" value="work"  /></td>
<td>
<input type="radio" name="suday"  />
</td>
</tr>
</table>
</form>

score 0 · Answer 4 · answered Nov 02 '16 at 05:36

Use jQuery for checking/unchecking all week days based on checking/unchecking of "All days":

$(document).ready(function(){
  $(':checkbox[name="day"]').click(function(){
    if($(this).is(':checked')){
      $("input:radio[value='work']").prop("checked", true);
    } else {
      $("input:radio[value='work']").prop("checked", false);
    }
  });
});

<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script>
<form>
  <table border="1" colspan="0" cellpadding="0">
      <tr>
        <td colspan="4">
          <!--on selecting the checkbox below all radio buttons under working must get selected-->
          <input type="checkbox" name="day"  />All Day
        </td>
        <td><b>Working</b></td>
        <td><b>Close</b></td>
      </tr>
      <tr>
        <td colspan="4"><b>Monday</b></td>
        <td><input type="radio" name="mday" value="work" /></td>
        <td><input type="radio" name="mday"  /></td>
      </tr>
      <tr>
        <td colspan="4"><b>Tuesday</b></td>
        <td><input type="radio" name="tday" value="work" /></td>
        <td><input type="radio" name="tday"  /></td>
      </tr>
      <tr>
        <td colspan="4"><b>Wednesday</b></td>
        <td><input type="radio" name="wday" value="work" /></td>
        <td><input type="radio" name="wday"  /></td>
      </tr>
      <tr>
        <td colspan="4"><b>Thursday</b></td>
        <td><input type="radio" name="thday" value="work" /></td>
        <td><input type="radio" name="thday"  /></td>
      </tr>
      <tr>
        <td colspan="4"><b>Friday</b></td>
        <td><input type="radio" name="fday" value="work"  /></td>
        <td><input type="radio" name="fday"  /></td>
      </tr>
      <tr>
        <td colspan="4"><b>Saturday</b></td>
        <td><input type="radio" name="sday" value="work" /></td>
        <td><input type="radio" name="sday" value="close"  /></td>
      </tr>
      <tr>
        <td colspan="4"><b>Sunday</b></td>
        <td><input type="radio" name="suday" value="work"  /></td>
        <td><input type="radio" name="suday"  /></td>
      </tr>
  </table>
</form>

PHP- Select all based on checkbox

4 Answers4