我有一个HTML
,如下所示:
<div class="col-lg-2 camt hidden">
<label for="camt">CEAV Amount:</label>
</div>
<div class="col-lg-4 camt hidden radio">
<label>
<input type="radio" value="..xyz.." name="camt" id="camt1" required onclick="functions()" />XYZ</label>
<hr/>
<div class="row">
<div class="col-lg-4">
<label>
<input type="radio" value="ABC" name="camt" id="camt2" required onclick="functions()" />ABC</label>
</div>
<div class="col-lg-8">
<input type="number" class="form-control hidden popup1" onchange="functions()" id="textpart" placeholder="Enter value. Only numbers." required />
</div>
</div>
<hr/>
<label>
<input type="radio" value="NA" name="camt" required id="camt3" onclick="functions()" />NA</label>
<hr/>
</div>
我在
editData()
中有一个函数javascript
,它可以设置屏幕上所有输入的值。加载radio button
时,它还会检查form
。因此,如果选中了单选按钮camt2
,我想在其前面显示一个textbox
。但这是行不通的。我要检查是否已检查editData()
的两个函数radio button
和将funcitons()
设置为隐藏或可见的textbox
。它们都在下面:editData()
function editData() {
var logfromform = document.getElementById('logref').value;
var key;
for (key in Log1) {
if (Log1[key].LogReference == logfromform) {
if (Log1[key].RedemptionPrice == '100%') {
document.getElementById('redprice1').checked = true;
functions();
} else if (Log1[key].RedemptionPrice == 'NA') {
document.getElementById('redprice3').checked = true;
functions();
} else {
document.getElementById('redprice2').checked = true;
functions();
}
}
}
}
函数()
function functions() {
if (document.getElementById('camt2').checked) {
$("#textpart").removeClass("hidden");
} else {
$("#textpart").addClass("hidden");
}
}
当我运行 HTML
form
时,正在输入JavaScript
,但是removeclass
在textbox
上不起作用任何帮助,不胜感激!
请注意,我正在运行 Internet Explorer 11.0.9600 和
NO
我没有其他浏览器来继续进行我的工作。 最佳答案
试试这个:
jQuery的:
function functions(){
if($("#camt2").is(":checked")){
$("#textpart").removeClass("hidden");
} else {
$("#textpart").addClass("hidden");
}
}