Heim  >  Artikel  >  Web-Frontend  >  jquery erkennt, dass das Steuerelement nach dem Deaktivieren des Kontrollkästchens nicht verfügbar ist und verfügbar ist, wenn es ausgewählt ist (Code)

jquery erkennt, dass das Steuerelement nach dem Deaktivieren des Kontrollkästchens nicht verfügbar ist und verfügbar ist, wenn es ausgewählt ist (Code)

不言
不言Original
2018-08-16 12:01:501676Durchsuche

Der Inhalt dieses Artikels befasst sich mit der Nichtverfügbarkeit der JQuery-Implementierung des Steuerelements, wenn es aktiviert ist (Code). Es hat einen bestimmten Referenzwert. Ich hoffe, es wird Ihnen nützlich sein.

Inhalt markieren

<div class="box">
        请编写javascript代码,完成如下功能要求:<br />
        1.取消复选款后,要求促销价格、促销开始结束日期3个控件不可用。<br />
        2.选中复选框后,要求促销价格、促销开始结束日期3个控件可用。
    </div>
    <div class="box">
    
        <table id="table1" class="mytable">
            <tr>
                <td>是否促销:</td>
                <td><input type="checkbox" id="chkPromote" /></td>
            </tr>
            <tr>
                <td>
                    促销价格:
                </td>
                <td>
                    <input type="text" id="txtPromotePrice" />
                </td>
            </tr>
            <tr>
                <td>
                    促销日期:
                </td>
                <td>
                    <input type="text" id="txtStart" />-
                    <input type="text" id="txtEnd" />
                </td>
            </tr>
        </table>
    </div>
Jquery内容
<script>
$(function () {

            $("input[type=text]").attr("disabled", true).val("不可使用");
$("input[type=checkbox]").click(function () {
               
                var $cr = $("input[type=checkbox]");
                if ($cr.is(":checked")) {
                    
                    $("input[type=text]").attr("disabled", false).val("可以使用");
                }
                else {
                    
                    $("input[type=text]").attr("disabled", true).val("不可使用");
                }
            });

        });
</script>

Verwandte Empfehlungen:


Das obige ist der detaillierte Inhalt vonjquery erkennt, dass das Steuerelement nach dem Deaktivieren des Kontrollkästchens nicht verfügbar ist und verfügbar ist, wenn es ausgewählt ist (Code). Für weitere Informationen folgen Sie bitte anderen verwandten Artikeln auf der PHP chinesischen Website!

Stellungnahme:
Der Inhalt dieses Artikels wird freiwillig von Internetnutzern beigesteuert und das Urheberrecht liegt beim ursprünglichen Autor. Diese Website übernimmt keine entsprechende rechtliche Verantwortung. Wenn Sie Inhalte finden, bei denen der Verdacht eines Plagiats oder einer Rechtsverletzung besteht, wenden Sie sich bitte an admin@php.cn