如何在jquery或javascript中触发单击选中的单选按钮

时间:2013-07-31 18:30:17

标签: javascript jquery jquery-ui

Javascript:

if (GetCookie('prev_radio_value')!=null){   
     alert(GetCookie('prev_radio_value'));
     $(":radio[value="+GetCookie('prev_radio_value')+"]").attr('checked',true);
     $(":radio[value="+GetCookie('prev_radio_value')+"]").triggerHandler('click');

     $(':radio:checked').triggerHandler('click');

     $('input:radio[name=theme]:checked').click();

    }else{
        alert("clicking first");
     $("input:radio:first").attr("checked", true).trigger("click"); 
     }

HTML code:

<ul>
 <li><input type="radio"  name="theme" value="theme1"/>Theme1</li>
 <li><input type="radio"  name="theme" value="theme2"/>Theme2</li>
 </ul>

此代码位于div内 - &gt; 'checkbox_div'

点击功能:

$("#checkbox_div input:radio").click(function() {
  alert("clicked") ;
 });

我已经以3种方式使用了触发器点击,但它们都没有工作或触发点击事件。

示例链接:http://jsbin.com/ezesaw/1/edit在选择第一个单选按钮时未触发click事件。

5 个答案:

答案 0 :(得分:1)

只需调用“click()”而不将函数作为参数

$("#checkbox_div input:radio").click();

答案 1 :(得分:1)

它运作得很好:

http://jsbin.com/ivojoz/1/edit

问题可能是您没有正确选择收音机

尝试

$('#checkbox_div input[type="radio"]').click(function() {
  alert("clicked") ;
 });

答案 2 :(得分:0)

如果你仍然对这个问题感兴趣:

选择/检查单选按钮时会隐含click事件,您只需要bind一个程序,这只是一种方式:

//js for radio button click
$('input[type="radio"]').on('click', function(){
    window.alert($(this).val());
})

<!--html-->
<input type="radio" value="first" name="same"/>
<input type="radio" value="second" name="same"/>
<input type="radio" value="third" name="same"/>

答案 3 :(得分:0)

 Searched in the following locations:
     https://jcenter.bintray.com/com/google/android/gms/play-services-maps/8.3.0/play-services-maps-8.3.0.pom
     https://jcenter.bintray.com/com/google/android/gms/play-services-maps/8.3.0/play-services-maps-8.3.0.jar
     file:/C:/Program Files/Android/android-sdk/extras/android/m2repository/com/google/android/gms/play-services-maps/8.3.0/play-services-maps-8.3.0.pom
     file:/C:/Program Files/Android/android-sdk/extras/android/m2repository/com/google/android/gms/play-services-maps/8.3.0/play-services-maps-8.3.0.jar
     file:/C:/Program Files/Android/android-sdk/extras/google/m2repository/com/google/android/gms/play-services-maps/8.3.0/play-services-maps-8.3.0.pom
     file:/C:/Program Files/Android/android-sdk/extras/google/m2repository/com/google/android/gms/play-services-maps/8.3.0/play-services-maps-8.3.0.jar
 Required by:
     NavDrawer:app:unspecified

快速提供此代码。它对我有用。

答案 4 :(得分:0)

无论是手动还是以编程方式完成,看来单击已选中的单选按钮不一定都有效!

假设HTML为:

<input type="radio" name="rv_submit" value="delete" id="rb2" checked>

通过jQuery触发所需的操作,如下所示:

$('#rb2').prop('checked', false);   // Turn off 'checked' ...
$('#rb2').click();                  // ... or click() has no effect