gpt4 book ai didi

javascript - 隐藏文件输入,直到其他输入不为空/未选择

转载 作者:行者123 更新时间:2023-11-29 21:49:00 25 4
gpt4 key购买 nike

我有一个表单,我需要禁用文件选择/输入,直到文本输入和选择选项都不是空白和默认(分别)。

我有以下内容,我只是想不通未选中的部分:

<div class="form-group">
<div class="input-group col-md-6">
<input type="text" class="form-control" placeholder="Search by Asset ID" maxlength="64" class="form-control" id="imageid" name="imageid"> <span class="input-group-btn">
<button class="btn btn-default image-search" type="button">Search</button>
</span>

</div>
<div class="search-results"></div>
</div>
<div class="form-group">
<label for="image">Select Asset Type:</label>
<select id='crop' class="btn btn-default" data-toggle="dropdown">
<option value="default">Choose Type</option>
<option value="now">Now</option>
<option value="livefeeds">Live Feeds</option>
</select>
</div>
<div class="form-group">
<label for="imageid">Select an image</label>
<input type="file" name="file" class="btn btn-default form-control" id="file"
accept="image/jpg, image/png, image/jpeg" />
</div>


if ($("#imageid").val() == '' && $("#crop default").is(':selected')) {
$("#file").attr("disabled", "true");
} else if ($("#imageid").val() != '' && $("#crop").val() != "default") {
$("#file").attr("disabled", "false");
}

JSFiddle:link

最佳答案

希望对您有所帮助:

function checkForInputs(){
var filledUp = $("#imageid").val() != '' && $("#crop").val() != "default";
if (!filledUp) {
$("#file").attr("disabled", true);
} else if (filledUp) {
$("#file").attr("disabled", false);
}
}

$("#imageid").keyup(function(){ checkForInputs(); });
$("#crop").change(function(){ checkForInputs(); });

checkForInputs();

使用 jquery 的 change方法来获得有关选择字段和普通文本字段发生的更改的通知,您可以使用 keyup .

关于javascript - 隐藏文件输入,直到其他输入不为空/未选择,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/30108714/

25 4 0
Copyright 2021 - 2024 cfsdn All Rights Reserved 蜀ICP备2022000587号
广告合作:1813099741@qq.com 6ren.com