Question

HTML中是否有show和enabled等属性类似于disabled和hidden。

我有制作复选框disabled和hidden

的方案

示例：我有3个相同组的复选框，分别为JAN，FEB和MAR。 1.单击JAN使FEB禁用并且 2.点击Jan使MAR隐藏起来。

以上示例的输出请查看以下屏幕截图。

制作hidden and disabled

的Jquery脚本

$("input:checkbox").change(function() {
            var t = $(this).parents("form:first");
            function ischecked(c) {
                var count = 0;
                if ($("input#f79uim").is(":checked")) {
                    count++;
                }
                if (count > 0) {
                    return true;
                } else {
                    return false;
                }
            }
            if (ischecked("f79uim")) {
                if ("hidden" == "hidden") {
                    t.find("input#fsmafx").prop("hidden", !0);
                    t.find("input#fsmafx").parent().hide();
                }
                if ("hidden" == "disabled") {
                    t.find("input#fsmafx").prop("disabled", !0);
                    $("input#fsmafx").attr('c-disabled-by', 'f79uim');
                }
                if ("hidden" == "hidden") {
                    $("input#fsmafx").attr('c-hidden-by', 'f79uim');
                }
                if ($("select#fsmafx")) {
                    $("select#fsmafx").prop("disabled", !0);
                    $("select#fsmafx").attr('c-disabled-by', 'f79uim');
                }
            }

同样，为什么不show和enabled属性？

Answer 1

显示属性使用

 t.find("input#fsmafx").prop("hidden", 0);
 t.find("input#fsmafx").parent().show();

并启用属性

t.find("input#fsmafx").prop("disabled", 0);

Answer 2

你必须在支票上写一些jQuery删除attr＆＃39;禁用＆＃39;。你能举个小例子，你到底想要什么？

Answer 3

HTML

<div class="class-chkbox"><input type="checkbox" class="chk-month" value="jan" > Jan</div><br><div class="class-chkbox"><input type="checkbox" class="chk-month" value="feb" /> Feb</div><br><div class="class-chkbox"><input type="checkbox" class="chk-month" value="mar" /> March</div><br>

JQuery的

$(document).ready(function(){
    $('.chk-month').change(function(){
        $check_month = $(this);
        if($check_month.is(':checked')){
            // do your disabled not show
            resetChk($check_month.val(), false);
        } else {
            // do you enabled and show
            resetChk($check_month.val(), true);
        }

    });

    function resetChk(value, isDisplay){
        $('.class-chkbox').each(function(i, val){
            $check_month = $(val).find('.chk-month');

            if($check_month.val() != value ){
                $check_month.prop('checked', false);
                $(val).css('display', isDisplay ? '' :'none');
                console.log($check_month.val());
            }

        });
    }
});

您可能需要调整UI并找出获取检查值的方法。如果回顾我的快照，将很容易。享受编码!!

HTML属性＆＃34;禁用＆＃34;并且＆＃34;隐藏＆＃34;

3 个答案: