Warning: file_get_contents(/data/phpspider/zhask/data//catemap/9/javascript/472.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/jQuery:在对象内搜索_Javascript_Jquery - Fatal编程技术网

Javascript/jQuery:在对象内搜索

Javascript/jQuery:在对象内搜索,javascript,jquery,Javascript,Jquery,我有以下代码 <div class="days"> <input name="days-select" type="radio" value="Mon" > Mon </input> <br> <input name="days-select" type="radio" value="Tue" > Tue </input> </div> <script> $(document).re

我有以下代码

<div class="days">
  <input name="days-select" type="radio" value="Mon" > Mon </input>
  <br>
  <input name="days-select" type="radio" value="Tue" > Tue </input>
</div>

<script>
  $(document).ready(function() {
    radiobtn = $('.days');
    radiobtn.find('value="Tue"').prop('checked', 'checked');
  });
</script>

周一

星期二 $(文档).ready(函数(){ radiobtn=$('.days'); radiobtn.find('value=“Tue”')).prop('checked','checked'); });
基本上,我需要两个阶段的搜索。首先,找到单选按钮组,然后将其中一个设置为选中。但是,我不想将这两个步骤合并为一个步骤。谢谢你的提示

顺便说一句,由于我是Javascript新手,我想问一下如何调试这段代码。例如,单步完成脚本,在“radiobtn=$('.days');”之后检查“radiobtn”是否分配正确等。再次感谢。

HTML

<div class="days">
    <input id="dayMonday" name="days-select" type="radio" value="Mon">
    <label for="dayMonday">Monday</label>
    <br>
    <input id="dayTuesday" name="days-select" type="radio" value="Tue">
    <label for="dayTuesday">Tuesday</label>
</div>

这里有一个。

FYI:
radiobtn.find('[value=“Tue”]')
[]
告诉它搜索属性。要调试代码,您可以使用Chrome浏览器内置的开发人员工具。您有什么问题?我有点不明白你想问什么。这里没有
标记。@RocketHazmat,我试过的“[]”,不起作用。
  $(document).ready(function () {
      //your .days selector is actually getting the div and not the radio button
      var div = $('.days');
      //maybe here you want to do some things with the div...
      //...
      var radiobtn = div.find('input[value="Tue"]');
      //maybe here you want to do some things with the radio button...
      //...

      //now you have the correct element...
      radiobtn.prop('checked', true);

      //F12 in Chrome to see the console
      console.log(radiobtn);
      //notice the selector property returns: .days input[value="Tue"]
      console.log(radiobtn.selector);
      //so you could just do this all in one line:
      $('.days input[value="Tue"]').prop('checked', true);

      //see last commented line regarding this next line...
      //$('.days input[value="Tue"]').click(
      //     function(){ console.log("you clicked Tuesday");});
      //Note: you could do this: 
      //radiobtn.click();
      //... or this:
      //$('.days input[value="Tue"]').click();
      //but it also fires the click event which is why you would see 
      //"you clicked Tuesday" in the console with the above line uncommented
      });