功能按钮已禁用;从开始
function "buttons disabled" from beginning
我有3个单选按钮和3个按钮,每个按钮属于1个单选按钮。我希望按钮只有在选中相应的单选按钮时才能启用。
我的代码工作,但只有当我首先单击一个Radio Button,从而启动该函数。我怎样才能使功能工作,使一些按钮从一开始就被禁用?
函数看起来像这样
$("input:radio[name=Kartenthema]").change(function() {
if (this.value == "Geburtenrate") {
$("#karte_id").attr('src', 'kantone_interaktiv_geburten.svg');
$("#legende_id").attr('src', 'Legenden/GebLegende.PNG');
$("input[name=button1]").attr("disabled", true);
$("input[name=button1]").addClass("disabledClass");
$("input[name=button2]").attr("disabled", false);
$("input[name=button2]:enabled").removeClass("disabledClass");
$("input[name=button3]").attr("disabled", true);
$("input[name=button3]:disabled").addClass("disabledClass");
} else if (this.value == "Sterberate") {
$("#karte_id").attr('src', 'kantone_interaktiv_sterbe.svg');
$("#legende_id").attr('src', 'Legenden/SterbLegende.PNG');
$("input[name=button1]").attr("disabled", true);
$("input[name=button1]:disabled").addClass("disabledClass");
$("input[name=button2]").attr("disabled", true);
$("input[name=button2]:disabled").addClass("disabledClass");
$("input[name=button3]").attr("disabled", false);
$("input[name=button3]:enabled").removeClass("disabledClass");
} else if(this.value == "Wanderung") {
$("#karte_id").attr('src', 'kantone_interaktiv_wanderung.svg');
$("#legende_id").attr('src', 'Legenden/WandLegende.PNG');
$("input[name=button1]").attr("disabled", false);
$("input[name=button1]:enabled").removeClass("disabledClass");
$("input[name=button2]").attr("disabled", true);
$("input[name=button2]:disabled").addClass("disabledClass");
$("input[name=button3]").attr("disabled", true);
$("input[name=button3]:disabled").addClass("disabledClass")
}
}
和单选按钮/按钮看起来像这样:
<embed id="legende_id" src="Legenden/GebLegende.PNG" width="180" height="230" style="margin-left:30px" type="image/PNG" />
<h3>
<input type="radio" class="Radio" name="Kartenthema" value="Geburtenrate" checked="ckecked">Geburtenziffer
<input type="button" class="Button" name="button2" value="Animation" onclick="location.href='animation_geburten.html'">
<h3>
<input type="radio" class="Radio" name="Kartenthema" value="Sterberate">Mortalität
<input type="button" disabled="disabled" class="Button" name="button3" value="Animation" onclick="location.href='animation_mortalität.html'">
<h3>
<input type="radio" class="Radio" name="Kartenthema" value="Wanderung">Interkantonale Wanderung
<input type="button" class="Button" name="button4" value="Animation" onclick="location.href='animation_wanderung.html'">
<br>
<br>
<input type="button" class="Button" name="button1" value="Kartogramm" onclick="location.href='kartogramm.html'" />
</br>
</br>
</input></input>
</h3>
</input></input>
</h3>
</input></input>
</h3>
我知道我可以在输入类型后面加上disabled,但是这样样式就不会从enabled变为disabled。
if (this.value == "Geburtenrate") {
将这一行和接下来的两行修改为:
if ($(this).val() == "Geburtenrate") {
尝试使用$("input[name=buttonN]").removeAttr("disabled")
设置控件启用
没问题。试着把你的HTML代码改成这样:
<h3>
<input type="radio" class="Radio" name="Kartenthema" value="Geburtenrate" checked="ckecked">Geburtenziffer
<input type="button" class="Button" name="button2" value="Animation" onclick="location.href='animation_geburten.html'" disabled="disabled">
</h3>
<h3>
<input type="radio" class="Radio" name="Kartenthema" value="Sterberate">Mortalität
<input type="button" disabled="disabled" class="Button" name="button3" value="Animation" onclick="location.href='animation_mortalität.html'">
</h3>
<h3>
<input type="radio" class="Radio" name="Kartenthema" value="Wanderung">Interkantonale Wanderung
<input type="button" class="Button" name="button4" value="Animation" onclick="location.href='animation_wanderung.html'" disabled="disabled">
<br>
<br>
<input type="button" class="Button" name="button1" value="Kartogramm" onclick="location.href='kartogramm.html'" disabled="disabled">
<br>
<br>
</h3>
相关文章:
- 当用户点击“Codeacademy”时的类似Codeacademy的效果;开始"按钮
- Youtube无铬播放器 - 更改大开始播放按钮
- 如何制作按钮.单击“开始时不运行”
- 开始按钮用于启用和恢复动画,而无需在双击时再次重复该功能(javascript)
- 按 按钮开始代码,然后按它停止
- 使用带有突发引擎和画布的“开始”按钮重新启动动画
- 从Chrome 47开始,设置window.location.hash不适用于后退按钮
- 使简单的js小提琴动画在按钮单击而不是页面加载时开始
- iPhone:点击/单击“开始”按钮后,虚拟键盘不会隐藏
- 一个视图中的角度按钮在另一个视图中开始倒计时
- 如何使菜单出现(从左侧开始)并在单击按钮时消失
- 带有开始按钮的面板,单击按钮时向上移动
- 在提交按钮开始时间和结束时间由javascript计算
- 在手动模式下单击“下一步”或“上一步”按钮后,图像转换会自动开始
- 抓住youtube播放器的开始按钮和秒的看法
- 有麻烦使我的开始按钮转换为停止
- 图像不'不要在重新开始按钮后出现在测验结果中
- 学习 JS/JQuQuery 尝试创建“开始”按钮
- 我应该如何突出文本区域的文本时,按下开始按钮使用javascript
- 如何在浏览器处理请求时禁用开始按钮