Javascript jquery中的单选按钮检查选择更改事件
这是我的htmlJavascript jquery中的单选按钮检查选择更改事件,javascript,jquery,html,Javascript,Jquery,Html,这是我的html <div id="options_div"> <input name="Names" type="radio" class="VoteAns" id="VoteAns_269_1" value="Values" contenteditable="false"/> <label id="VoteAns_269_1_lbl" contenteditable="true">6 : 00 PM</label>
<div id="options_div">
<input name="Names" type="radio" class="VoteAns" id="VoteAns_269_1" value="Values" contenteditable="false"/>
<label id="VoteAns_269_1_lbl" contenteditable="true">6 : 00 PM</label>
<label id="VoteAnsOP_269_1"></label><br>
<input name="Names" type="radio" class="VoteAns" id="VoteAns_269_2" value="Values" contenteditable="false"/>
<label contenteditable="true">7 : 00 PM</label>
<label id="VoteAnsOP_269_2"></label><br>
<input name="Names" type="radio" class="VoteAns" id="VoteAns_269_3" value="Values" contenteditable="false"/>
<label contenteditable="true">8 : 00 PM</label>
<label id="VoteAnsOP_269_3"></label><br>
<input name="Names" type="radio" class="VoteAns" id="VoteAns_269_4" value="Values" contenteditable="false"/>
<label contenteditable="true">9 : 00 PM</label>
<label id="VoteAnsOP_269_4"></label><br>
<input name="Names" type="radio" class="VoteAns" id="VoteAns_269_5" value="Values" contenteditable="false"/>
<label contenteditable="true">10 : 00 PM</label>
<label id="VoteAnsOP_269_5"></label><br>
<input name="Names" type="radio" class="VoteAns" id="VoteAns_269_6" value="Values" contenteditable="false"/>
<label contenteditable="true">11 : 00 PM</label>
<label id="VoteAnsOP_269_6"></label><br>
</div>
正如你在评论中所看到的那样,我已经尝试了所有这些代码,但没有一个是我的工作形式。厌倦了搜索和尝试不同的代码有什么问题请帮助
我想在不同的单选选项上显示特定的html单击您的语法不正确。使用“属性等于选择器”时未关闭方括号:
$("input:radio[name='Names']").change(function(){
alert("input11!!");
});
看到这个了吗
HTML
<input type="radio" name="greeting" id="hi" checked="checked" value="hi">hi
<input type="radio" name="greeting" id="hello" value="hello">hello
在您的代码中,您缺少一个]
。也就是说,您的新代码如下
$("input:radio[name='Names']").click(function(){
alert("input!!");
});
请参见
将您的
jq
更改为$
,并将选择器从“输入:收音机[name='Names']”更改为“输入[name='Names']”
试试这个它对我有用
$("input[name='Names']:radio").change(function () {
alert('input!!');
});
如果您使用$jq,那么请确保您在顶部有该行
$jq = jQuery.noConflict();
$jq("input[name='Names']:radio").change(function () {
alert('input!!');
});
@MohammadFaizanKhan:关闭方括号。这是正在工作的演示。你检查过我的小提琴了吗?@Pekka是的,你有语法错误,但正在工作。但代码在我的系统中不起作用project@MohammadFaizanKhan缺少]
我修复了它$jq=jQuery.noConflict();在什么地方?小提琴还是你的本地网站?有控制台错误吗?
$("input[name='Names']").change(function () {
alert($(this).next().text());
});
$("input[name='Names']:radio").change(function () {
alert('input!!');
});
$jq = jQuery.noConflict();
$jq("input[name='Names']:radio").change(function () {
alert('input!!');
});