Jquery是一種流行的JavaScript庫,它可以使得開發者更容易地操作HTML文檔。其中,jquery過去單選框是常用功能之一,本篇文章就來簡單介紹下jquery過去單選框的實現。
//html代碼 <input type="radio" name="demo-radio" value="1" id="demo-radio-1" checked> <label for="demo-radio-1">單選框1</label> <input type="radio" name="demo-radio" value="2" id="demo-radio-2"> <label for="demo-radio-2">單選框2</label> //jquery代碼 $(function(){ //選中第一個單選框 $('#demo-radio-1').attr('checked','checked'); //獲取選中的單選框的value值 var radioValue = $('input:radio[name="demo-radio"]:checked').val(); //綁定點擊事件 $('input:radio[name="demo-radio"]').click(function(){ //獲取當前選中的單選框的value值 var currentValue = $(this).val(); alert(currentValue); }); });
在上述代碼中,首先我們在HTML中定義了兩個單選框,然后在jquery代碼中,通過attr方法將第一個單選框設置成選中狀態。接著,通過選擇器獲取當前選中的單選框的value值,并將其賦值給變量radioValue。最后,我們綁定了一個點擊事件,當用戶點擊單選框時,會彈出alert框,提示當前選中的單選框的value值。
以上就是jquery過去單選框的簡單介紹,希望大家可以通過本篇文章更好地了解這一功能。
上一篇css忽略前面的樣式
下一篇css快捷書寫方式