Comment ajouter 'actif' sur la classe d'étiquettes Comme après avoir vérifié la valeur de la base de données avec Laravel {{$ User-> Experience}}. Si la valeur est de niveau d'entrée, ajoutez 'actif' sur la classe d'étiquettes.
Voici mon contenu HTML P>
- id name experience - 1 john Entry-Level
3 Réponses :
Vous pouvez utiliser l'opérateur ternaire pour y parvenir ou vous pouvez utiliser si.
<div class="btn-group" data-toggle="buttons"> <label class="btn btn-success {{$user->experience == 'Entry-Level'?'active':''}}" for="option1"> <input type="radio" name="experience" id="option1" value="Student">Student <span class="glyphicon glyphicon-ok"></span> </label> <label class="btn btn-primary" for="option2"> <input type="radio" name="experience" id="option2" value="Entry-Level">Entry-Level <span class="glyphicon glyphicon-ok"></span> </label> <label class="btn btn-info" for="option3"> <input type="radio" name="experience" id="option3" value="Mid-Level">Mid-Level <span class="glyphicon glyphicon-ok"></span> </label> <label class="btn btn-default" for="option4"> <input type="radio" name="experience" id="option4" value="Senior-Level">Senior-Level <span class="glyphicon glyphicon-ok"></span> </label> <label class="btn btn-warning" for="option5"> <input type="radio" name="experience" id="option5" value="Manager">Manager <span class="glyphicon glyphicon-ok"></span> </label> <label class="btn btn-danger" for="option6"> <input type="radio" name="experience" id="option6" value="Director" >Director <span class="glyphicon glyphicon-ok"></span> </label> </div>
Vous pouvez utiliser opérateurs ternaires code> pour atteindre votre objectif.
<label
class="btn btn-success {{$user->experience == 'Entry-Level' ? 'active' : ''}}"
for="option1"
>
Utilisez un opérateur ternaire pour basculer la classe Active et l'attribut coché
Faites une vidange de chaque opérateur ternaire, s'ils retournent tous les faux, votre valeur n'est pas la même, vous pouvez avoir des espaces blancs dans votre DB.
heureux d'avoir aidé