JQuery是一種流行的JavaScript庫,可以幫助開發人員更輕松地操作網頁。其中之一的功能就是控制HTML表單元素中的radio選項。在本篇文章中,我們將介紹如何使用JQuery來設置radio選中狀態。
// 設置radio選中 $('input[name="radioName"][value="radioValue"]').prop('checked', true); // 取消radio選中 $('input[name="radioName"]').prop('checked', false);
首先,我們需要選中一個radio元素。在JQuery中,我們可以使用選擇器來選中一個或多個元素。其中,我們要選中的元素應該具有相同的name屬性以區分同一組內的radio選項,而選中的value屬性則用于區分具體的選項。例如:
<input type="radio" name="color" value="red"> Red</input> <input type="radio" name="color" value="blue"> Blue</input> <input type="radio" name="color" value="green"> Green</input>
在上述示例中,我們可以使用"name=color"來選擇這組radio選項,而"value=red"則選擇了這組選項中的“紅色”選項。
要設置選中狀態,我們可以使用JQuery的prop()方法。prop()方法可以用來獲取或設置屬性值。將“checked”屬性設置為“true”即可選中選項。
要取消選中狀態,我們可以簡單地將“checked”屬性設置為“false” :
注意:當使用prop()方法來設置屬性時,必須使用布爾值(true/false),而不是字符串('true'/'false')或數字(1/0)。
以上就是使用JQuery來設置HTML表單中的radio選中狀態的方法。