¿Es posible ocultar y mostrar un enlace/icono en un menú de la barra lateral según el valor de la casilla de verificación?
Tengo una casilla de verificación que, una vez habilitada (valor = activada), se debe mostrar el icono de ese enlace en particular en el menú de la barra lateral y, una vez desactivada, se ocultará.
Espero que alguien pueda ayudarme. ¡Gracias!
archivo.html
{% elif field.type == 'checkbox' %} <div class="form-group"> <label>{{ field.prompt }}</label> <br> <input type="{{ field.type }}" class="form-control {{ field.name }}" name="{{ field.name }}"> </div> $form_admin_config.validate({ ignore: 'input[type=hidden], .ignore', onkeyup: false, submitHandler: function(form) { $form_admin_config.find('input[type="checkbox"]').each( function () { var checkbox_this = $(this); if( checkbox_this.is(":checked") == true ) { checkbox_this.attr('value', 'on'); } else { checkbox_this.prop('checked',true); checkbox_this.attr('value', ''); } }) ajax_post_form($form_admin_config, 'Save Successful', function(){ }, function() {}); } });base.html
<li class="{% if request.mod == 'subscription_products' %}inactive{% endif %} main_menu" data-toggle="popover" data-content="Subscription Products"> <a href="{% url 'admin_app:subscription_products_index' %}" ><i class="fa fa-check-square-o"></i> <span class="nav-label"> Subscription Products </span></a></li> {% endif %}archivo.py
def admin_config_process(request): for key, val in request.POST.iteritems(): if key != 'csrfmiddlewaretoken': admin_config = AdminConfig.getAdminConfigFromName(key) if admin_config is not None: admin_config.svalue = val admin_config.save() else: new_id = make_uuid() admin_config = AdminConfig.getAdminConfig(new_id) if radmin_config is not None: new_id = make_uuid() AdminConfig(new_id, None, key, val).save() return jsonify({'status': 'ok'})Prueba algo como esto:
$('#chk').click(function(){ if( $(this).is(':checked') ) { $('#link1').show(); } else { $('#link1').hide(); } }); <script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script> <input type="checkbox" value="1" id="chk" />Check <ul> <li id="link1">Link 1</li> </ul>Puede obtener el valor de la casilla de verificación como:
$(this).val(); pero esto dará el mismo valor sin importar si la casilla de verificación está marcada o no. Entonces, debe poner la lógica para obtener el valor de la casilla de verificación solo cuando está marcada.