Question

我有以下HTML

<div class="line">
    <label><span>1.</span>This is a first question?</label>
    <div class="right-box small">
        <input type="radio" name="" value=""><label style="padding-left: 3px; padding-right: 24px;">No</label><input type="radio" name="" value=""><label style="padding-left: 3px;">Yes</label>
    </div>
</div>
<div class="line">
    <label><span>2.</span>This is a second question?</label>
    <div class="right-box small">
        <input type="radio" name="" value=""><label style="padding-left: 3px; padding-right: 24px;">No</label><input type="radio" name="" value=""><label style="padding-left: 3px;">Yes</label>
    </div>
</div>

<div class="line">
    <label><span>3.</span>This is a third question?</label>
    <div class="right-box small">
        <input type="radio" name="" value=""><label style="padding-left: 3px; padding-right: 24px;">No</label><input type="radio" name="" value=""><label style="padding-left: 3px;">Yes</label>
    </div>
</div>

我有以下jQuery代码

<script type="text/javascript">
jQuery.noConflict();
jQuery(document).ready(function() {
    //grey out all lines.
    jQuery(".line").css({opacity:'0.2'});
    jQuery(".line input").attr("disabled", "disabled");

    //add input change handlers
    jQuery(".line input").change(function() {
        //enable the next line
        jQuery(this).parents(".line").next(".line").css({opacity:'1'});
        jQuery(this).parents(".line").next(".line").find("input").attr("disabled", "");
    });

    //enable the first line
    jQuery(".line:first").css({opacity:'1'});
    jQuery(".line:first input").attr("disabled", "");
});
</script>

如果用户点击上一部分中的单选按钮，则该脚本将灰显并禁用每个部分。

此时脚本会灰显除第一个以外的所有部分，但灰色区域中的其他字段未被禁用，并且当按下单选按钮时，不透明度在下一个div'行上不变'......任何人都可以看到我出错的地方，它正在努力。

干杯，

jQuery - 不透明度和禁用问题

0 个答案: