Warning: file_get_contents(/data/phpspider/zhask/data//catemap/2/jquery/86.json): failed to open stream: No such file or directory in /data/phpspider/zhask/libs/function.php on line 167

Warning: Invalid argument supplied for foreach() in /data/phpspider/zhask/libs/tag.function.php on line 1116

Notice: Undefined index: in /data/phpspider/zhask/libs/function.php on line 180

Warning: array_chunk() expects parameter 1 to be array, null given in /data/phpspider/zhask/libs/function.php on line 181
Javascript 获取单选按钮值并触发单击_Javascript_Jquery_Html - Fatal编程技术网

Javascript 获取单选按钮值并触发单击

Javascript 获取单选按钮值并触发单击,javascript,jquery,html,Javascript,Jquery,Html,我有两个带有两个不同值的单选按钮和一个按钮。单选按钮包括一个值为2的单选按钮和一个值为4的单选按钮 这是我的单选按钮: 这是我的按钮: 点击我 我要寻找的是获得“选择的”单选按钮值,并根据已选择的单选按钮/值触发单击 如果用户选择值为2的单选按钮,触发值为4的单选按钮,触发值为2的单选按钮。您可以通过编写以下代码来完成此操作 $('#clickme').on('click', function(){ var v = $('input[name=match[rounds]]:checke

我有两个带有两个不同值的单选按钮和一个按钮。单选按钮包括一个值为2的单选按钮和一个值为4的单选按钮

这是我的单选按钮:


这是我的按钮:

点击我
我要寻找的是获得“选择的”单选按钮值,并根据已选择的单选按钮/值触发单击


如果用户选择值为2的单选按钮,触发值为4的单选按钮,触发值为2的单选按钮。您可以通过编写以下代码来完成此操作

$('#clickme').on('click', function(){
 var v =  $('input[name=match[rounds]]:checked').val();
})
//获取一些dom元素
var$radios=document.getElementsByName('match[rounds]');
var$button=document.querySelector(“#clickme”);
var$log=document.querySelector(“#log”);
//按元素上的名称分派事件
var dispatch_event=函数(el,eventName){
el.调度事件(新事件(事件名称));
}
//调试:添加一些日志以显示精确的单击
var add_log=函数(根,日志字符串){
var$new_log=document.createElement('li');
$new_log.textContent=log_字符串;
root.appendChild($new_log);
};
//迭代所有$radios元素
[]forEach.call($radios,function(el){
//绑定事件
el.onchange=功能(事件){
//获得价值
var值=event.target.value;
//value是radio.value属性,
//当2时,t触发1次单击
如果(值==2){
//触发事件1次
调度事件($button,'click');
}else if(值==4){
//两次
调度事件($button,'click');
调度事件($button,'click');
}
}
});
//必须单击的按钮
//对于演示,我们只需记录它
//你必须在这里有自己的逻辑
$button.onclick=function(){
添加日志($log,'clicked');
}

点击我
    您好,请检查一下,我希望这是您想要的

    jQuery

    $(document).ready(function(){
        $('#match_rounds_2,#match_rounds_4 ').on('change', function(){
        if($('#match_rounds_2').is(':checked'))
        {
            $('#clickme').trigger('click');
        }
        if($('#match_rounds_4').is(':checked'))
        {
            $('#clickme').trigger('dblclick');
        }
      });
    
      $('#clickme').on('click', function(){
        alert ('clicked'); // Click logic
      });
    
      $('#clickme').on('dblclick', function(){
        alert ('double clicked'); // Double Click logic
      });
    });
    

    看来你要求的方法不对?具体预期输出是什么?输出是基于已单击/选择的单选按钮的触发单击。我的链接是针对我的嵌套表单的,我想根据点击次数制作一个或两个嵌套表单。Tnx@Ejaz-Karim。它是如何触发1次或2次点击的?触发1次或2次点击是什么意思?你的意思是双击还是单击?是的,如果选择单选按钮值=2,单击一次,或者如果选择单选按钮值=2,单击两次。我认为你试图做的不是好的解决方案。我不知道你的问题是什么,但这似乎不是正确的方法。我知道,这是暂时的解决办法。有什么解决办法吗?Tnx,这很好,但我不需要提醒,我如何才能进行/触发实际的点击和双击?@Rubioli我实际上是在触发点击和双击。。。只需将警报语句替换为logicsingle click即可,但双击不是make/triggered.Tnx,这非常有效,而不是记录如何在#clickme按钮上进行单次或双次单击?单击已触发,
    dispatch_事件($button,'click')
    这是调用click事件,您只需要将逻辑添加到
    $按钮中。onclick
    谢谢,当涉及到javascript/jQuery时,我是一个哑巴。我这样做了:
    $button.onclick=function(){$(“#clickme”)。click()}
    是否正确?
    $('#clickme').on('click', function(){
     var v =  $('input[name=match[rounds]]:checked').val();
    })
    
    $(document).ready(function(){
        $('#match_rounds_2,#match_rounds_4 ').on('change', function(){
        if($('#match_rounds_2').is(':checked'))
        {
            $('#clickme').trigger('click');
        }
        if($('#match_rounds_4').is(':checked'))
        {
            $('#clickme').trigger('dblclick');
        }
      });
    
      $('#clickme').on('click', function(){
        alert ('clicked'); // Click logic
      });
    
      $('#clickme').on('dblclick', function(){
        alert ('double clicked'); // Double Click logic
      });
    });