Javascript 获取单选按钮值并触发单击
我有两个带有两个不同值的单选按钮和一个按钮。单选按钮包括一个值为2的单选按钮和一个值为4的单选按钮 这是我的单选按钮: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的单选按钮。您可以通过编写以下代码来完成此操作
$('#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
});
});