收音機并選擇帶有警報的選項-有解無憂

如果沒有從兩個單選按鈕中選擇單選按鈕，我如何顯示警報，然后如果未選擇，則在選擇選項時顯示警報。但我在兩個單選按鈕上都收到警報，我該如何修復它

$('#form_id').submit(function(el) {
        el.preventDefault();
        let r = $('input[type=radio][name=name]').val();

        if(r != 'inst' ){
            alert('Please select radio')
            return false;
        }else if(r != 'hq'){
            alert('Please select radio')
            return false;
        }

        if('0' === $('#select_id').val()){
            alert('Please select option')
            return false;
        }else{
            this.submit();
        }
        

    })

<script src="https://cdnjs.cloudflare.com/ajax/libs/jquery/3.3.1/jquery.min.js"></script>
<form id="form_id">
    <input type="radio" name="name" id="r1" value="inst">
    <input type="radio" name="name" id="r2" value="hq">

    <select id="select_id" class="">
        <option value="0">--select--</option>
        <option value="6">Advertisements</option>
        <option value="4">Another reason:</option>
    </select>

    <button type="submit" class="btn btn-primary">submit</button>
</form>

uj5u.com熱心網友回復：

問題是，在您的情況下，if關于您的單選按鈕的 2 條陳述句對于其中一種情況總是錯誤的。

所以這樣做。

let r = $('input[type=radio][name=name]:checked').length;

if (r == 0) {
  alert('Please select radio')
  return false;
}

演示

顯示代碼片段

$('#form_id').submit(function(el) {
  el.preventDefault();
  let r = $('input[type=radio][name=name]:checked').length;

  if (r == 0) {
    alert('Please select radio')
    return false;
  }
  if ('0' === $('#select_id').val()) {
    alert('Please select option')
    return false;
  }
  this.submit();
})

<script src="https://cdnjs.cloudflare.com/ajax/libs/jquery/3.3.1/jquery.min.js"></script>
<form id="form_id">
  <input type="radio" name="name" id="r1" value="inst">
  <input type="radio" name="name" id="r2" value="hq">

  <select id="select_id" class="">
    <option value="0">--select--</option>
    <option value="6">Advertisements</option>
    <option value="4">Another reason:</option>
  </select>

  <button type="submit" class="btn btn-primary">submit</button>
</form>

uj5u.com熱心網友回復：

嘗試這個

$('#form_id').submit(function(el) {
        el.preventDefault();
        let r = $(":radio:checked").val();

        if(!r){
            alert('Please select radio')
            return false;
        }

        if('0' === $('#select_id').val()){
            alert('Please select option')
            return false;
        }else{
            this.submit();
        }
    })

轉載請註明出處，本文鏈接：https://www.uj5u.com/qukuanlian/371609.html

標籤：javascript html 查询

上一篇：動態洗掉/添加檔案到上傳欄位

下一篇：如何在單擊按鈕時一次比較所有欄位的值？