[英]How to get the NAME and value of a radio button when DYNAMICALLY selected - in jQuery?
我這里有兩組單選按鈕,當它們被動態選擇時,我想獲取Name和Value屬性的內容。 我確實得到了值屬性的內容,但沒有得到名稱屬性。 感謝您的幫助! 這是代碼:
var var1 = ""; function myFun(){ $( "input[type=radio]:checked" ).each(function(){ var1 = $(this).val(); alert(var1); }); }
<form> <h3>Fruits</h3> <div> <input type="radio" name="fruit" value="orange" id="orange"> <label for="orange">orange</label> </div> <div> <input type="radio" name="fruit" value="apple" id="apple"> <label for="apple">apple</label> </div> <div> <input type="radio" name="fruit" value="banana" id="banana"> <label for="banana">banana</label> </div> <h3>Delivery</h3> <div> <input type="radio" name="delivery" value="Y" id="y"> <label for="orange">Yes</label> </div> <div> <input type="radio" name="delivery" value="N" id="n"> <label for="apple">No</label> </div> <button onclick="myFun()">Submit</button> </form>
您可以使用this.name
獲得name屬性:
var var1 = "";
function myFun() {
$("input[type=radio]:checked").each(function () {
var1 = $(this).val();
var2 = this.name;
console.log(var1,var2);
});
}
嗯,這? :
$(this).attr("name")
嘗試這個:
var var1 = ""; function myFun(){ $( "input[type=radio]:checked" ).each(function(){ var1 = $(this).val(); var2 = $(this).attr("name"); alert(var1); alert(var2); }); }
<form> <h3>Fruits</h3> <div> <input type="radio" name="fruit" value="orange" id="orange"> <label for="orange">orange</label> </div> <div> <input type="radio" name="fruit" value="apple" id="apple"> <label for="apple">apple</label> </div> <div> <input type="radio" name="fruit" value="banana" id="banana"> <label for="banana">banana</label> </div> <h3>Delivery</h3> <div> <input type="radio" name="delivery" value="Y" id="y"> <label for="orange">Yes</label> </div> <div> <input type="radio" name="delivery" value="N" id="n"> <label for="apple">No</label> </div> <button onclick="myFun()">Submit</button> </form>
您還可以在用戶單擊或取消選中單選按鈕后觸發的更改事件上執行此操作,並且可以使用jquery .attr函數獲取名稱attr:
$('input[type=radio]').on('change', function() {
var val = $(this).val();
var name = $(this).attr('name');
});
您還可以通過單選按鈕檢查是否選中
if($(this).is(':checked')){
console.log('is_checked');
}
聲明:本站的技術帖子網頁,遵循CC BY-SA 4.0協議,如果您需要轉載,請注明本站網址或者原文地址。任何問題請咨詢:yoyou2525@163.com.