Question

在我的应用程序中，我有两个单选按钮，一个文本框和一个按钮

    <input type="radio" name="myRadio" value="red" id="myRadio" checked>Red color
    <input type="radio" name="myRadio" value="Blue" id="myRadio">Blue color
     <input type="text" id="txtShareCount" name="txtColor"/>
<input type="submit" name="btnsubmit" value="Blue" id="btnsubmit">submit

我检查Blue color radio button text box will appear时我想要的是，我需要在jquery中对文本框进行验证当我检查蓝色单选按钮如果文本框为空然后单击提交按钮它显示警告消息我该如何在jquery中执行此操作

我在javascript中做到这一点它运行正常，但我需要在jquery中如何在jquery中执行此操作

Answer 1

要获得无线电使用的价值：

-- Copy the loan row
insert into loans
select * from loans where id = :orig_id

-- Track that 3 were returned
update loans
set quantity = 3, returned = now()
where id = :orig_id

-- Two are now outstanding
update loans
set quantity = 2
where id = :new_id

或者如果你没有使用表格

$('input[name=myRadio]:checked', '#myForm').val()

Answer 2

对于radiobutton，您可以使用$('#myRadio:checked')选择器 - {{1}}

Answer 3

注意：

1-don没有多个具有相同Id的元素

2 - 使用getElementById时，必须输入id属性

试试这个

＆＃13;

function myFunction() {
    if (document.getElementById('myRadioRed').checked == true || document.getElementById('myRadioBlue').checked == true) {
        if (document.getElementById('txtShareCount').value == "") {
            alert("Please Enter Color");
             document.getElementById("txtShareCount").focus();
              return false;
         }
         return false;
     }
     else { return true; }
}

＆＃13;

 <input type="radio" name="myRadio" value="red" id="myRadioRed" checked>Red color
<input type="radio" name="myRadio" value="Blue" id="myRadioBlue">Blue color
<input type="text" id="txtShareCount" name="txtColor" />
<input type="button" name="btnsubmit" value="Blue" id="btnsubmit" onclick="myFunction()"/>

＆＃13;

Answer 4

根据传统和文件。如果你有超过1个具有相同id的元素，你的js会搞砸。因此，不要使用getElementById()使用getElementsByName()

这样的事情

function validateRadio() {
    var radios = document.getElementsByName("myRadio");
    var formValid = false;

    var i = 0;
    while (!formValid && i < radios.length) {
        if (radios[i].checked) 
           formValid = true;
        i++;        
    }

    if (!formValid) 
       alert("Must check some option!");
    return formValid;
}

如何在jquery中进行单选按钮验证

4 个答案: