torsten/tippspiel
1
0
Fork 0
Code Issues Pull requests Projects Releases Packages Wiki Activity Actions

Tipp4: Switching Checkbox ticks via JS

Browse source
This commit is contained in:
tschneider 2021-02-22 11:02:09 +01:00
parent 6202fe9331
commit 329b497c79
1 changed files with 36 additions and 103 deletions
Download patch file Download diff file Expand all files Collapse all files

139
pfosten/resources/views/tipps/edit4.blade.php
View file

@ -25,11 +25,7 @@
</div>
<span >
@if (App\Round::hasLockedGame($game1->round_id))
{{ Form::checkbox('joker_1', 'yes', $tipp1->joker, array('disabled') ) }} <!-- name, value, checked -->
@else
{{ Form::checkbox('joker_1', 'yes', $tipp1->joker) }} <!-- name, value, checked -->
@endif
<input type="checkbox" name="joker_1" id="joker_1" @if($tipp1->joker===1) checked @endif>
</span>
<input type="hidden" name="tipp_id_1" value="{{ $tipp1->id }}">
<input type="hidden" name="game_id_1" value="{{ $game1->id }}">
@ -54,11 +50,7 @@
</div>
<span >
@if (App\Round::hasLockedGame($game2->round_id))
{{ Form::checkbox('joker_2', 'yes', $tipp2->joker, array('disabled') ) }} <!-- name, value, checked -->
@else
{{ Form::checkbox('joker_2', 'yes', $tipp2->joker) }} <!-- name, value, checked -->
@endif
<input type="checkbox" name="joker_2" id="joker_2" @if($tipp2->joker===1) checked @endif>
</span>
<input type="hidden" name="tipp_id_2" value="{{ $tipp2->id }}">
<input type="hidden" name="game_id_2" value="{{ $game2->id }}">
@ -79,11 +71,7 @@
</div>
<span >
@if (App\Round::hasLockedGame($game3->round_id))
{{ Form::checkbox('joker_3', 'yes', $tipp3->joker, array('disabled') ) }} <!-- name, value, checked -->
@else
{{ Form::checkbox('joker_3', 'yes', $tipp3->joker) }} <!-- name, value, checked -->
@endif
<input type="checkbox" name="joker_3" id="joker_3" @if($tipp3->joker===1) checked @endif>
</span>
<input type="hidden" name="tipp_id_3" value="{{ $tipp3->id }}">
<input type="hidden" name="game_id_3" value="{{ $game3->id }}">
@ -103,98 +91,11 @@
</div>
<span >
@if (App\Round::hasLockedGame($game4->round_id))
{{ Form::checkbox('joker_4', 'yes', $tipp4->joker, array('disabled') ) }} <!-- name, value, checked -->
@else
{{ Form::checkbox('joker_4', 'yes', $tipp4->joker) }} <!-- name, value, checked -->
@endif
<input type="checkbox" name="joker_4" id="joker_4" @if($tipp4->joker===1) checked @endif>
</span>
<input type="hidden" name="tipp_id_4" value="{{ $tipp4->id }}">
<input type="hidden" name="game_id_4" value="{{ $game4->id }}">
<br/>
<br/>
<br/>
<p>&nbsp;
<h3>Joker setzen auf:</h3>
<fieldset>
@if (App\Round::hasLockedGame($game1->round_id))
<input type="radio" id="joker_1" name="joker" value="joker_1" onclick="return false;"
@if($game1->joker)
checked="checked"
@endif
>
@else
<input type="radio" id="joker_1" name="joker" value="joker_1"
@if($game1->joker)
checked="checked"
@endif
>
@endif
<label for="joker_1"> {{ $game1->team1 }} : {{ $game1->team2 }}</label>
<br/>
@if (App\Round::hasLockedGame($game2->round_id))
<input type="radio" id="joker_2" name="joker" value="joker_2" onclick="return false;"
@if($game2->joker)
checked="checked"
@endif
>
@else
<input type="radio" id="joker_2" name="joker" value="joker_2"
@if($game2->joker)
checked="checked"
@endif
>
@endif
<label for="joker_2"> {{ $game2->team1 }} : {{ $game2->team2 }}</label>
<br/>
@if (App\Round::hasLockedGame($game3->round_id))
<input type="radio" id="joker_3" name="joker" value="joker_3" onclick="return false;"
@if($game3->joker)
checked="checked"
@endif
>
@else
<input type="radio" id="joker_3" name="joker" value="joker_3"
@if($game3->joker)
checked="checked"
@endif
>
@endif
<label for="joker_3"> {{ $game3->team1 }} : {{ $game3->team2 }}</label>
<br/>
@if (App\Round::hasLockedGame($game4->round_id))
<input type="radio" id="joker_4" name="joker" value="joker_4" onclick="return false;"
@if($game4->joker)
checked="checked"
@endif
>
@else
<input type="radio" id="joker_4" name="joker" value="joker_4"
@if($game4->joker)
checked="checked"
@endif
>
@endif
<label for="joker_4"> {{ $game4->team1 }} : {{ $game4->team2 }}</label>
</fieldset>
</p>
<div class="form-group">
<p>&nbsp;</p>
<button type="submit" class="btn btn-primary">Ok</button>
@ -206,5 +107,37 @@
</div>
<script>
document.getElementById('joker_1').addEventListener('change', function() {
if (this.checked) {
document.getElementById('joker_2').checked=0;
document.getElementById('joker_3').checked=0;
document.getElementById('joker_4').checked=0;
}
});
document.getElementById('joker_2').addEventListener('change', function() {
if (this.checked) {
document.getElementById('joker_1').checked=0;
document.getElementById('joker_3').checked=0;
document.getElementById('joker_4').checked=0;
}
});
document.getElementById('joker_3').addEventListener('change', function() {
if (this.checked) {
document.getElementById('joker_1').checked=0;
document.getElementById('joker_2').checked=0;
document.getElementById('joker_4').checked=0;
}
});
document.getElementById('joker_4').addEventListener('change', function() {
if (this.checked) {
document.getElementById('joker_1').checked=0;
document.getElementById('joker_2').checked=0;
document.getElementById('joker_3').checked=0;
}
});
//console.log("Event Listeners initiated");
</script>
@endsection