2013-08-06 76 views
1

我非常喜歡整個字段集的禁用,它很快捷簡單。在5種主流瀏覽器中測試我的代碼時,我意識到Safari和IE(有點)不支持禁用整個字段集。 http://www.w3schools.com/tags/att_fieldset_disabled.asp是否有一個fieldset禁用替代?

是否有替代此字段集屬性?也許一種方法來逐個禁用字段集中的所有字段?如果是這樣,怎麼樣?

謝謝!

+0

IE8和IE9 *應*支持禁用字段集。 – cimmanon

回答

0

您可以使用JavaScript或jQuery禁用字段集內的輸入。

jQuery的範例(把這個在你的頁面的底部):

<script> 
    $(function() { 
     $("fieldset").find("input").attr("disabled", "disabled"); 
    }); 
</script> 

,或者如果要禁用一個類或ID,你可以這樣做:

$(".className").find("input").attr("disabled", "disabled"); 
$("#elementId").find("input").attr("disabled", "disabled"); 

要與使用單選按鈕,你可以這樣做:

$("#radioButtonTrue").on("click", function() { 
    $("fieldset").find("input").attr("disabled", "disabled"); 
}); 
$("#radioButtonFalse").on("click", function() { 
    $("fieldset").find("input").removeAttr("disabled"); 
}); 
+0

我還沒有使用太多的jQuery ......所以我怎麼能從一個變化中調用它呢?現在我有一個單選按鈕,它調用'onchange =「greyOut(this.value)」'。我怎樣才能調用jQuery函數呢?我運行'document.getElementsByName('myFieldSet')[0] .disabled = true;' – user2537383

+0

我編輯了我的答案。我忘記了第一次在字段集中選擇輸入。 – gene