Stellen Feld readonly - checkbox - jQuery

Habe ich diese checkbox:

<input type="checkbox" name="suspended" id="s" value="<?php echo $udata['suspended']; ?>" <?php echo $suspended; ?>>

Und diese textarea:

<textarea name="suspendreason" id="sr" style="height:60px" class="field"><?php echo $udata['suspendreason']; ?></textarea>

Meine Frage ist, wie kann ich die textarea READONLY, wenn die #s-checkbox ist deaktiviert?

InformationsquelleAutor Oliver 'Oli' Jensen | 2011-09-14

  1. 10

    Mit Ihrer Anforderung, so etwas wie dieses:

    $(document).ready(function(){
    if($('#s:checked').length){
        $('#sr').attr('readonly',true); //On Load, should it be read only?
    }

    $('#s').change(function(){
        if($('#s:checked').length){
            $('#sr').attr('readonly',true); //If checked - Read only
        }else{
            $('#sr').attr('readonly',false);//Not Checked - Normal
        }
    });
});
    Feld noch deaktiviert, wenn das Kontrollkästchen nicht aktiviert ist
    hatte ein $j statt $ aufgrund meiner Umwelt, mit noConflict 😉 - aktualisiert
    jsfiddle.net/He2J4 diese Geige Werke zu Ihren Anforderungen.
    Danke! Gearbeitet, ohne die $j

    InformationsquelleAutor cillierscharl

  2. 6

    Ich empfehle, es auf readonly und disabled.

    $("#sr").attr('disabled', 'disabled');
$("#sr").attr('readonly', 'readonly');

    einfach, weil wenn jemand in der Carat-Browsing-Modus, selten, aber ja, ich habe Kunden tun dies, Sie können Bearbeiten Sie die Felder deaktiviert.

    Und für die checkbox:

    <script type="text/javascript">
    $(document).ready(function () {
        //check upon loading
        if(!$("#s").is(:checked))
        {
           $("#sr").attr('disabled', 'disabled');
           $("#sr").attr('readonly', 'readonly');
        }

        //event
        $("#s").change(function () {
           if(!$(this).is(:checked)) {
           {
              $("#sr").attr('disabled', 'disabled');
              $("#sr").attr('readonly', 'readonly');
           }
           else
           {
              $("#sr").attr('disabled', '');
              $("#sr").attr('readonly', '');
           }
         }
      });
</script>
    Funktioniert dies nicht. Das Feld ist lesbar, wenn die checkbox aktiviert und deaktiviert werden.
    lesbar oder editierbar? wenn Sie nicht möchten, dass Sie in der Lage sein, es zu Lesen, würden Sie wollen, dass diese so nicht sichtbar sind. disabled/readonly ändert sich nur die Tatsache, dass Sie in der Lage, um es zu Bearbeiten oder nicht.
    Ich aktualisiert meine Antwort, sollte Es gewesen sein .ändern Sie nicht .klicken Sie auf, sorry.
    Die (:checked) sollten verwenden Zitate (':checked')

    InformationsquelleAutor Karyna Kerin

  3. 2
    $(document).ready(function() {
    $("#s").change(function() {
        if (!this.checked) {
            $("#sr").attr('disabled', 'disabled');
            $("#sr").attr('readonly', 'true');
        }
        else {
            $("#sr").removeAttr('disabled');
            $("#sr").removeAttr('readonly');
        }
    });

    //triger change event in case checkbox checked when user accessed page
    $("#s").trigger("change")
});

    Funktionsfähige demo - http://jsfiddle.net/cc5T3/1/

    Die demo funktioniert nicht. Wenn das Kontrollkästchen nicht aktiviert, ist es immer noch deaktiviert. Und wenn ich versuchte es auf meiner Website, wenn die checkbox aktiviert wurde, und Benutzer Zugriff auf die Seite; es war NICHT deaktiviert. Dann habe ich deaktiviert, und es wurde readonly.
    Tut mir Leid, dass der code und die demo sollten beide funktionieren jetzt.

    InformationsquelleAutor ipr101

  4. 1
    $("input[type=checkbox][checked]").each( 
    function() { 
      $("#sr").attr("disabled", "disabled")
    } 
);

    InformationsquelleAutor Jorge Zapata

  5. -1

    Können Sie es disabled = "disabled"

    Ja. Aber wie wird das jQuery-code Aussehen? Wenn ein Benutzer lädt die Seite, und das Kontrollkästchen aktiviert ist bereits (Wert aus DB) das Feld sollte kommen readonly. Aber, wenn es nicht bereits aktiviert ist, und der Benutzer überprüft, es sollte readonly sein.
    jsfiddle.net/simoncereska/KeeML/1 hier funktioniert beispielsweise
    Dieser hält nur die checkbox deaktiviert.

    InformationsquelleAutor simoncereska

Schreibe einen Kommentar