当使用jquery选择另一个单选按钮时,如何关闭第一个打开的单选按钮?
大家好,我正在处理jquery,这里我有三个单选按钮,我需要选择的每个选项都有三个div 一次跳水,就像我在选择跳水时为它提供了一个单独的跳水一样,它会打开的,好的,我需要在 我选择了另一个单选按钮,第一个打开的另一个应该关闭,第二个应该打开我该怎么做 这是我的代码,下面请帮我做这个当使用jquery选择另一个单选按钮时,如何关闭第一个打开的单选按钮?,jquery,radio-button,Jquery,Radio Button,大家好,我正在处理jquery,这里我有三个单选按钮,我需要选择的每个选项都有三个div 一次跳水,就像我在选择跳水时为它提供了一个单独的跳水一样,它会打开的,好的,我需要在 我选择了另一个单选按钮,第一个打开的另一个应该关闭,第二个应该打开我该怎么做 这是我的代码,下面请帮我做这个 <form class="form-horizontal" id="zone"> <lab
<form class="form-horizontal" id="zone">
<label class="control-label" for="Availability">Shipping Zone Type</label>
<div class="controls">
<label class="radio">
<input type="radio" class="regular-radio" name="radio-1-set" id="radio-1-1"><label for="radio-1-1"></label>
This shipping zone is based on one more countries
<span class="tooltip-demo"><a data-original-title="Tooltip on right" href="#" rel="tooltip" data-placement="right"><i class="icon-question-sign"></i> </a></span>
</label>
<div class="selectbox-bg selectbox-bg-sb3 pull-left " id="shippingZone" style="display:none">
<select>
<option>Choose a Country</option>
<option>2</option>
<option>3</option>
<option>4</option>
<option>5</option>
</select>
</div>
<label class="radio">
<input type="radio" class="regular-radio" name="radio-1-set" id="radio-1-2"><label for="radio-1-2"></label>
This shipping zone is based on one more state or provinces
<span class="tooltip-demo"><a data-original-title="Tooltip on right" href="#" rel="tooltip" data-placement="right"><i class="icon-question-sign"></i> </a></span>
</label>
<div class="selectbox-bg selectbox-bg-sb3 pull-left " id="shippingzonecountry" style="display:none">
<select>
<option>Choose a Country</option>
<option>2</option>
<option>3</option>
<option>4</option>
<option>5</option>
</select>
</div>
<input type="radio" class="regular-radio" name="radio-1-set" id="radio-1-3"><label for="radio-1-3"></label>
This shipping zone is based on one more postal or ZIP codes
<span class="tooltip-demo"><a data-original-title="Tooltip on right" href="#" rel="tooltip" data-placement="right"><i class="icon-question-sign"></i> </a></span>
</label>
<div class="selectbox-bg selectbox-bg-sb3 pull-left " id="zipcode" style="display:none">
<select>
<option>Choose a Country</option>
<option>2</option>
<option>3</option>
<option>4</option>
<option>5</option>
</select>
</div>
</form>
我曾尝试过这样做,但当我打开另一个时,另一个应该关闭。我如何进行编辑(常用功能)
仅使用方法 编辑(常用功能)
仅使用方法
适当地设置代码的格式适当地设置代码的格式非常感谢verymuch@pranay rana给我的回复,非常感谢u@shakil-别忘了更新答案,还有一件事,你仍然可以通过创建公共函数以更好的方式修改此代码…我如何才能生成公共运行?请你为我的答复:很好,谢谢u@shakil-别忘了更新答案,还有一件事,您仍然可以通过创建公共函数更好地修改此代码…我如何制作公共运行?请您指导我
thi is my jquery :as fpllows
$(function () {
$("#radio-1-2").click(function () {
$("#shippingzonestate").show('slow');
});
$("#radio-1-2").click(function () {
$("#shippingzonestate").show('slow');
$("#shippingzonecountry").show('slow');
});
$("#radio-1-3").click(function () {
$("#zipcode").show('slow');
$("#Product-Code-SKU").show('slow');
});
function showhide(radioname)
{
$("#shippingzonestate").hide('slow');
$("#shippingzonecountry").hide('slow');
$("#zipcode").hide('slow');
$("#Product-Code-SKU").hide('slow');
if(radioname=="one")
{
$("#shippingzonestate").show('slow');
}
if(radioname=="two")
{
$("#shippingzonestate").show('slow');
$("#shippingzonecountry").show('slow');
}
if(radioname=="three")
{
$("#zipcode").show('slow');
$("#Product-Code-SKU").show('slow');
}
}
$(function () {
$("#radio-1-2").click(function () {
showhide("one");
});
$("#radio-1-2").click(function () {
showhide("two");
});
$("#radio-1-3").click(function () {
showhide("three");
});
});
$(function () {
$("#radio-1-2").click(function () {
$("#shippingzonestate").show('slow');
$("#shippingzonecountry").hide('slow');
$("#zipcode").hide('slow');
$("#Product-Code-SKU").hide('slow');
});
$("#radio-1-2").click(function () {
$("#shippingzonestate").show('slow');
$("#shippingzonecountry").show('slow');
$("#zipcode").hide('slow');
$("#Product-Code-SKU").hide('slow')
});
$("#radio-1-3").click(function () {
$("#zipcode").show('slow');
$("#Product-Code-SKU").show('slow');
$("#shippingzonestate").hide('slow');
$("#shippingzonecountry").hide('slow');
});