Отключение / включение div с помощью jquery

Question

Я относительно новичок в jQuery. Я работаю над приложением для создания виджета для приема пожертвований для НПО.

<div data-rle="content" id="save">  
<label for="saveWidget">Save your Widget before posting in online:</label>  
<input type="submit" value="Save Widget" id="saveWidget"
data-theme="b" data-inline="true" />  
</div>  
<div data-rle="content" id="post">  
<fieldset data-role="controlgroup">  
    <legend>Select on option for posting your online:</legend>  
    <input type="radio" name="submit" id="html" value="hmtl"
    checked="checked" /> <label for="html">Please provide
    the HTML - I'll post it myself. <br>The HTML will be
    displayed below.</label>   
            <input type="radio" name="submit" id="blog" value="blog" />   <label
    for="blog">Go to Blogger</label>  
</fieldset>  
<input type="submit" value="Get HTML" id="submitWidget"
data-theme="b" data-inline="true" />  
</div>

Моя цель - отключить div с id="post" в начале, и когда пользователь нажимает сохранить, я хочу включить div. Я попытался использовать $('#post').attr('disabled', true);, но это не похоже на работу. Див не отключается Любые идеи о том, как этого добиться.

Answer 1

может быть что-то вроде этого: http://jsfiddle.net/MTQzD/?

Когда документ готов, отключите все входные данные в #post.Также дайте #post цвет по вашему выбору в css (например, lightGray).
Затем, когда вы нажмете «Save Widget», включите входы и удалите цвет #post div.

$(document).ready(function() {
    $('input[type=radio]').attr('disabled', true);
    $('#submitWidget').attr('disabled', true);
});

$("#saveWidget").click(function() {
    $('input[type=radio]').attr('disabled', false);
    $('#submitWidget').attr('disabled', false);
    $('#post').css("background-color", "#EAEAEA");
});

Answer 2

Вы имеете в виду отключение входов внутри div? Я не в JQuery, но я думаю, это должно быть как: $( "#div > input" ).attr( "disabled" , "true" );.

Может быть, без оператора true.

Answer 3

$ ('# div_name: input'). Attr ('disabled', true); // отключить элементы ввода div

$ ('# div_pjt: input'). RemoveAttr ('disabled'); // включить элементы ввода div

У меня этот код работает

Answer 4

Этот код работает для меня

Div

<span id="template_buttons">
  <button class="button">Button 1</button>
  <button class="button">Button 2</button>
  <button class="button">Button 3</button>
</span>

Для отключения всех объектов

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

Для включения всех объектов

$("#template_buttons *").attr("disabled", false);

Регистрация в jsfiddle http://jsfiddle.net/muthupandiant/orv2d9k1/1/