Отключить весь DIV с помощью JavaScript/JQuery

Я следующий DIV, который показывает некоторые элементы управления:Отключить весь DIV с помощью JavaScript/JQuery

<div id="buttonrow" class="buttonrow"> 
     <div class="Add" title="Add"> 
      <div class="AddButton"> 
       <input id="images" name="images" title="Add Photos" multiple="multiple" type="file"> 
      </div> 
      <div class="AddText"> 
       Add 
      </div> 
     </div> 
     <div class="Upload" title="Upload"> 
      <div class="UploadButton"> 
       <button id="start" type="submit" title="Upload Photos"> 
       </button> 
      </div> 
      <div class="UploadText"> 
       Upload 
      </div> 
     </div> 
     <div class="Clear" title="Clear"> 
      <div class="ClearButton"> 
       <button id="reset" type="reset" title="Clear Photos"> 
       </button> 
      </div> 
      <div class="ClearText"> 
       Clear 
      </div> 
     </div> 
     <div class="Delete" title="Delete"> 
      <div class="DeleteButton"> 
       <button id="delete" type="button" title="Delete Photos"> 
       </button> 
      </div> 
      <div class="DeleteText"> 
       Delete 
      </div> 
     </div> 
     <div id="SelectAll"> 
      <input title="Select All Images" id="selectAllCB" type="checkbox"> 
     </div> 
     <div id="dragandrophandler"> 
      Drag &amp; Drop Your Photos Here 
     </div> 
     <div id="ImagesCount"> 
     </div> 
     <div id="Loading" class="Loading"> 
      <img alt="loading" src="../customcontrol/progress.gif"> 
      <div> 
       Loading...</div> 
     </div> 
    </div>

Мне нужно знать, как я могу отключить весь этот DIV с помощью функции Javascript/JQuery?

EDIT: для отключения DIV означает, что пользователь не должен взаимодействовать с элементами управления DIV. Они должны находиться в состоянии только для чтения (без кликабельности). Я не хочу прятать DIV!

источник

2014-02-10 Azeem

выключив DIV, что вы имеете в виду? Может быть: '$ (" # buttonrow "). Find (': input'). Prop ('disabled', true);' –

использование:

$("#buttonrow *").attr("disabled", "disabled").off('click');

источник

2014-02-10 12:43:33

Кажется, что он работает. Можете ли вы рассказать мне, как включить этот метод DIV? – Azeem

что все элементы вы пытаетесь отключить ?? –

$("button, input",$("#buttonrow")).attr("disabled", "disabled");

источник

2014-02-10 12:44:09 mat

в Javascript, вы можете использовать:

<script lnaguage="javascript"> 
    document.getElementById('buttonrow').style.display='none'; 
</script>

источник

2014-02-10 12:45:28 ursitesion

Я не хочу скрыть весь div. см. мой пост. – Azeem

@Nida: Вы можете использовать этот оператор для всех div, просто изменив параметр функции getElementById(). Это будет по вашему id этого div. – ursitesion

id такой же, как вы использовали. – Azeem

Можешь ли вы попробовать это:

$("#buttonrow").each(function() 
{ 
    $(this).prop('disbaled',true); 
});

Надеется, что это помогает ..

источник

2014-02-10 12:45:29

$('#buttonrow').on('click', function(){ 
    $(this).css({ 'opacity': 0.7 }); 
    return false; 
})

источник

2014-02-10 12:46:28 Abhidev

Попробуйте это .prop():

$("#buttonrow :input").prop("disabled", true);

:input подберет все входные elems включая текст, текстовое поле, кнопка, выберите т.д.

источник

2014-02-10 12:47:57 Jai

Отключить весь DIV с помощью JavaScript/JQuery

ответ

Смежные вопросы