标签: jquery-selectors

任何人都知道如何取消选择广播组中的所有单选按钮？

HTML:

<div id="emptimfields">
              <label id="lbl_emptim">How regulary do you employ people to help cultivate your land? </label><br/><br/>

             <fieldset data-role="controlgroup" data-type="vertical" id="emptim">

              <input name="emptim" id="radio1" value="fromtimetotime" type="radio" openmrs-valuecoded="" />
              <label for="radio1"> From time to time </label>

              <input name="emptim" id="radio2" value="allthetime" type="radio" openmrs-valuecoded="" />
              <label for="radio2">All the time</label>

              <input name="emptim" id="radio3" value="dontknow" type="radio" openmrs-valuecoded="" />
              <label for="radio3"> Don't know </label> 
            </fieldset>
        </div>

JQuery方面:

$('input:radio[name=emptim]:checked').prop('checked', false); // doesn't work 

我当然错过了一些基本的东西,但我无法弄清楚问题是什么.

首先,我检查是,然后检查第二个无线电组的值:

然后,我检查否以隐藏第二个无线电组:

然后,如果我点击下一步,我得到我检查的值(但我之前没有检查过,所以这里我不想要一个警报,我想要radioButton"不时"未经检查):

最后,如果我回来,没有任何事情发生:

我有以下内容id:

<form name="frmSave">...</form>

只是要知道,我无法修改form添加frmSave或其他东西,所以我可以轻松地获取form变量中的元素.

这就是我试图form通过它的名字来获取元素:

var frm = $('form[name="frmSave"]');

console.log(frm);

(但我认为这会尝试获取一个名字name里面的子元素,id其中我需要的是错误的).

我怎样才能实现这一目标,是否可以form通过frmSave选择器获得一个？

更新:正如Christian Varga解释说的那样,通过获取子元素,我在源代码中做错了.但是,我把它放在正确的方向,我的坏.

我有一组动态生成的复选框,其中每个复选框都有一个data-id对应于数据库整数id 的属性.当我用我要编辑的对象填充我的html表单时,会有一个整数列表,表示应该检查哪些复选框.复选框包含在divwith类中checkbox-wrapper.

所以html看起来像这样:

<div class="checkbox-wrapper">
    <input type="checkbox" id="checkbox1" data-id="1">
    <label for="checkbox1">Checkbox 1</label>
</div>
<div class="checkbox-wrapper">
    <input type="checkbox" id="checkbox2" data-id="2">
    <label for="checkbox2">Checkbox 2</label>
</div>
<div class="checkbox-wrapper">
    <input type="checkbox" id="checkbox3" data-id="99">
    <label for="checkbox3">Checkbox 99</label>
</div>

请注意,id在自动增量索引号上运行,而data-id可能具有不同的id值.我想通过data-id选择它们.

现在,使用JQuery,我知道我可以选择相关的复选框,如下所示:

$(".checkbox-wrapper>input[data-id='99']");
$(".checkbox-wrapper>input[data-id='1']");

这在我的控制台中以chrome运行,它返回相关的DOM元素.同样,在下面,将复选框设置为选中:

$(".checkbox-wrapper>input[data-id='99']").prop("checked", "checked");
$(".checkbox-wrapper>input[data-id='1']").prop("checked", "checked");

但是,如果我在我的javascript代码中迭代整数列表(而不是直接在控制台中),并根据id值记录返回的元素,我会得到一些奇怪的结果:

var ids = [1,2]
$.each(ids, function(index, myID){
    console.log($(".checkbox-wrapper>input[data-id='"+myID+"']"));
    $(".checkbox-wrapper>input[data-id='"+myID+"']").prop("checked", "checked");    
}); 

首先,没有选中复选框.其次,我的控制台打印出奇怪的结果

n.fn.init[0]
    context: document
    length: 0
    prevObject: n.fn.init[1]
    selector: ".checkbox-wrapper>input[data-id='1']"
    __proto__: n[0]

n.fn.init[0]
    context: document
    length: 0
    prevObject: n.fn.init[1]
    selector: …

如何将变量与选择器混合？

我有ID变量.

我想从div #one中选择具有此id的图像.

jQuery('#one img .id')是选择器.我试过$('#one img .'+id)但不行.

我试图获取输入文本字段的值.

HTML是:

<div id="start">
    <p>
        <input type="text" class="myClass" value="my value" name="mytext"/>
    </p>
</div>

jquery是:

var myVar = $("#start").find('.myClass').val();

问题是myVar未定义.有谁知道为什么？

如何确定输入字段是否不是select？

我试过了if($(el).not("select")),我也得到了选择......

使用jquery选择器循环遍历一组项目时,有没有办法找出集合中有多少项？

我的HTML看起来像这样

<input id="txt" value=""></input>

<div class="link-item">jK</div>
<div class="link-item">JFOO</div>

我的js

$('#txt').keyup(function(){

    var txtsearch = $('#txt').val();
    var filt = $("div.link-item:contains('" + txtsearch +"')");

    $("div.link-item").css("display", "none")
        .filter(filt)
        .css("display", "block");

});

我想在客户端动态过滤内容.当我输入大写字母j时,它只返回第二个div,而我想得到包含j的所有div,无论是大写还是小写.

HTML5包含一个"变异观察者"概念,用于监控浏览器DOM的变化.

你的观察者回调将传递看起来很像DOM树片段的数据.我不知道它们究竟是这个还是它们是如何工作的.

但是当您编写代码以与无法控制的第三方网站进行交互时(例如使用Greasemonkey脚本或Google Chrome用户脚本),您必须检查传入的元素树以查找与您相关的信息.

对于选择器来说,这比使用任何DOM更简单,而不是手动遍历树,尤其是跨浏览器代码.

有没有办法使用jQuery选择器将数据传递给HTML5变异观察者回调？

我不明白PrimeFaces选择器(PFS)是如何工作的.

<h:outputText value="#{bean.text1}" styleClass="myClass" />
<p:commandButton update="@(.myClass)" />

我可以用它.我认为这是一个很棒的工具,虽然它并不总是对我有用.的.myClass是客户端jQuery选择.服务器端的JSF如何知道要更新的内容？

我可以理解正常的JSF ID选择器是如何工作的.

<h:outputText value="#{bean.text1}" id="textId" />
<p:commandButton update="textId" />

的textId组件树的引用部件的ID作为在XHTML文件中定义在服务器端.所以我可以理解JSF如何找到合适的组件.

但是如果使用的是primefaces选择器,则使用客户端jQuery选择器.JSF如何知道哪个组件必须更新？有时我的PFS有问题.它似乎并不总是对我有用.如果您使用PFS,是否应该记住哪些内容？