使用Javascript/JQuery禁用整个DIV
下面的DIV显示了一些控件:使用Javascript/JQuery禁用整个DIV,javascript,jquery,html,Javascript,Jquery,Html,下面的DIV显示了一些控件: <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"&g
<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 & 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>
添加
上传
清楚的
删除
拖放;把你的照片放在这里
加载。。。
我需要知道如何使用Javascript/JQuery函数禁用整个DIV
编辑:禁用DIV意味着用户不能与DIV控件交互。它们必须处于只读状态(不可单击)。我不想把迪夫藏起来 使用:
$("#buttonrow *").attr("disabled", "disabled").off('click');
使用:
在Javascript中,您可以使用:
<script lnaguage="javascript">
document.getElementById('buttonrow').style.display='none';
</script>
document.getElementById('buttonrow').style.display='none';
在Javascript中,您可以使用:
<script lnaguage="javascript">
document.getElementById('buttonrow').style.display='none';
</script>
document.getElementById('buttonrow').style.display='none';
你能试试这个吗:
$("#buttonrow").each(function()
{
$(this).prop('disbaled',true);
});
希望这有帮助。你能试试这个吗:
$("#buttonrow").each(function()
{
$(this).prop('disbaled',true);
});
$('#buttonrow').on('click', function(){
$(this).css({ 'opacity': 0.7 });
return false;
})
希望这对您有所帮助。尝试使用.prop()
:
$('#buttonrow').on('click', function(){
$(this).css({ 'opacity': 0.7 });
return false;
})
:input
将选择所有输入元素,包括文本、文本区域、按钮、选择等。使用.prop()尝试此操作。
:
:input
将选择所有输入元素,包括文本、文本区域、按钮、选择等。禁用DIV,这是什么意思?可能:$(“#buttonrow”).find(':input').prop('disabled',true)代码>禁用一个DIV,你是什么意思?可能:$(“#buttonrow”).find(':input').prop('disabled',true)代码>它似乎在工作。你能告诉我如何用这个方法重新启用DIV吗?你想禁用哪些元素?它似乎在工作。你能告诉我如何用这个方法重新启用DIV吗?你想禁用哪些元素?我不想隐藏整个DIV。请看我的帖子。@Nida:你只需更改getElementById()函数的参数,就可以对所有DIV使用该语句。它将根据该div的id。id与您使用的id相同。如果没有该div的id,您应该提供该id。getElementById()和getElementByName()是用于此的两个函数。我不想隐藏整个div。请参阅我的帖子。@Nida:您可以通过更改getElementById()函数的参数,将该语句用于所有div。它将根据该div的id。id与您使用的id相同。如果没有该div的id,您应该提供该id。getElementById()和getElementByName()是用于此操作的两个函数。