jQuery input radio選中功能是網頁開發中常見的功能之一,通過選中/radio的操作,實現頁面數據變更或頁面跳轉等效果。
為了實現這一功能,我們可以使用jQuery中提供的prop()方法。
//選中radio $('input[type=radio]').prop('checked', true); //取消選中radio $('input[type=radio]').prop('checked', false);
上述代碼中,我們首先選中所有的type為radio的input元素,然后通過prop()方法對其中的checked屬性進行操作,以實現選中或取消選中的效果。
需要注意的是,在使用prop()方法時,如果需要選中的radio元素是在某個父元素下的,我們需要在選擇器中添加對應的父元素,以限制選擇范圍。例如:
//選中某個父元素下的radio $('.parent .child-radio').prop('checked', true);
以上代碼中,我們選擇了class為parent的父元素,并在其中選中class為child-radio的radio元素。
當然,我們也可以使用attr()方法來實現radio選中的效果,如下所示:
$('input[type=radio]').attr('checked', true); //選中 $('input[type=radio]').attr('checked', false); //取消選中
總的來說,通過prop()或attr()方法來選中radio元素,是非常簡單的,可以根據具體的開發需求進行選擇。