第一個單選按鈕點擊刷新頁面

我有3個單選按鈕。我想刷新我的網頁每次點擊第1個單選按鈕（即sel_address）。每當用戶點擊選定的地址頁面應刷新。我不希望頁面刷新點擊其他2個單選按鈕。我可以如何做到這一點？第一個單選按鈕點擊刷新頁面

<label class="option sel_address"> 
     <input type="radio" value="sel_address" name="delivery_option" checked="checked" id="sel_address"> 
</label> 
<strong>selected address</strong> 

<label class="option your_school"> 
    <input type="radio" value="your_school" name="delivery_option" id="your_school"> 
</label> 
<strong>school</strong> 

<label class="option rhs_showroom"> 
    <input type="radio" value="showroom" name="delivery_option" id="showroom"> 
</label> 
<strong>Showroom</strong> 

<script type="text/javascript"> 
    $("input[name='delivery_option']").click(function() { 
     . 
     . 
     var delivery_value = $(this).val(); 
     if(delivery_value == "your_school" || delivery_value == "showroom"){ 
      //some code 
     }else{ 
      .. 
     } 
    }

來源

2017-01-01 Snehal

看看到'：first'選擇：https://api.jquery.com/first-selector/ – BeNdErR

您可以使用eq(0)只選擇第一個元素：

$("input[name='delivery_option']").eq(0).click(function() { 
 
    console.log('First was clicked'); 
 
});

<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script> 
 
<label class="option sel_address"> 
 
    <input type="radio" value="sel_address" name="delivery_option" id="sel_address"> 
 
</label> 
 
<strong>selected address</strong> 
 

 
<label class="option your_school"> 
 
    <input type="radio" value="your_school" name="delivery_option" id="your_school"> 
 
</label> 
 
<strong>school</strong> 
 

 
<label class="option rhs_showroom"> 
 
    <input type="radio" value="showroom" name="delivery_option" id="showroom"> 
 
</label> 
 
<strong>Showroom</strong>

還是:first pseudo class selector：

$("input[name='delivery_option']:first").click(function() { 
    console.log('First was clicked'); 
});

來源

2017-01-01 14:19:48 Dekel

我認爲ID是更好，雖然可以說這是一個有爭議的問題準確回答所問的問題。目前首先的元素往往會在稍後重新排序。 –

那麼，問題是「點擊第一個」，而不是「點擊特定的一個」:)我不知道未來的訂單會是什麼... – Dekel

@DanFarrell，這裏的投票將讚賞：）謝謝！ – Dekel

包括以下腳本只是年底前「BOD y「標籤。

<script src="https://cdnjs.cloudflare.com/ajax/libs/jquery/3.1.1/jquery.min.js"></script> 
<script> 
$("#sel_address").click(function(){ 
    window.location = ""; 
}); 
</script>

來源

2017-01-01 14:22:47

作爲BeNdErR和Dekel建議的，使用:first pseudo-selector僅選擇第一個單選按鈕。

至於重新加載頁面，請使用location.reload()，如this question上建議的那樣。

$("input[type='radio']:first").click(function() { 
 
    location.reload(); 
 
});

<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script> 
 
<label class="option sel_address"> 
 
    <input type="radio" value="sel_address" name="delivery_option" checked="checked" id="sel_address"> 
 
</label> 
 
<strong>selected address</strong> 
 

 
<label class="option your_school"> 
 
    <input type="radio" value="your_school" name="delivery_option" id="your_school"> 
 
</label> 
 
<strong>school</strong> 
 

 
<label class="option rhs_showroom"> 
 
    <input type="radio" value="showroom" name="delivery_option" id="showroom"> 
 
</label> 
 
<strong>Showroom</strong>

來源

2017-01-01 14:59:03 Nereare

第一個單選按鈕點擊刷新頁面

回答

相關問題