Activer ou désactiver les éléments de formulaire dans jquery

Comment activer et désactiver les éléments de formulaire à l'aide de jquery. J'ai besoin de désactiver le texte de l'élément de formulaire lorsque je clique sur le bouton sélectionner. Et vice-versa.

<html>
    <head>
    <script src="jq.js"></script>
    <script>

    $(function(){

    $('#fromdate').click(function(){
        $('#yosh').attr('disabled','disabled');
        $('#fromdate').removeAttr('disabled');
    });

    $('#yosh').click(function(){
        $('#yosh').removeAttr('disabled');
        $('#fromdate').attr('disabled','disabled');
    });

    });
    </script>

    </head>
    <body>
    Sort by:
    <select name="yosh" id="yosh">
    <option value="daily">daily</option>
    <option value="weekly">yesterday</option>
    <option value="weekly">weekly</option>
    <option value="monthly">monthly</option>
    <option value="yearly">yearly</option>

    </select><br/>
    date range:<br/>

    From:<input type="text" value="" name="fromdate" id="fromdate"></input><br/>
    To:<input type="text" value="" name="todate" id="todate"></input><br/>


    Customer:<input type="text" value="" name="customer" id="customer"></input>

    </body>

    </html>

source d'informationauteur Wern Ancheta

  1. 18

    Exemple de ce que j'ai écrit dans le commentaire:

    <span id="spnSel">
    <select name="yosh" id="yosh">
        <option value="daily">daily</option>
        <option value="weekly">yesterday</option>
        <option value="weekly">weekly</option>
        <option value="monthly">monthly</option>
        <option value="yearly">yearly</option>
    </select>
</span>

    Ajouter cet événement:

    $('#spnSel').mouseover(function () {
   $('#yosh').prop('disabled', false);
});

    Vous pouvez le faire pour les zones de texte. Cela peut ne pas être la meilleure solution/approche, mais il va faire le travail.

  2. 13

    la syntaxe est

    $('formelement').attr('disabled',true);

    ou réactiver les

    $('formelement').removeAttr('disabled');
  3. 2

    regardez cette... 

    <script>

    $(function(){

    $('#fromdate').click(function(){
        $('#yosh').attr('disabled',true);
        $('#fromdate').removeAttr('disabled');
    });

    $('#yosh').click(function(){
        $('#yosh').removeAttr('disabled');
        $('#fromdate').attr('disabled',true);
    });

    });
    </script>
  4. 0

    J'ai tester ton code et j'ai de la conclusion que vous ne pouvez pas ajouter de l'événement alors que l'élément est désactivé, vous devez utiliser des déclencheurs...

    DÉMO

  5. -1

    $('#fromdate').disabled = false