前端问题与总结

2018.5.2

radio单选按钮动态设置选中状态的问题

大概是由于使用了模板，因此radio点选后，checked属性没有更改，但是页面显示却是正确的。

因此尝试使用动态设置。

code1

$("input[name=TAG_AUTO]").each(function () { $(this).attr("checked", false) });

code1代码是没有问题的，所有的选中状态都被清空了。

code2

$("input[name=TAG_AUTO][value=0]").attr("checked", true) 

但是当给需要的选项添加选中状态时，code2编译正确，结果错误，选项并没有被选中。

通过百度找到原因。

连接地址：https://blog.csdn.net/Cc_Rain0624/article/details/73278145

总结 一下：attr是可以使用的，但是只能单次使用，比如在初始化radio的默认选中的值的时候。

jquery版本在1.6以上的请使用prop代替attr控制，满足多次更换选中值的需要。

 

2018.7.23

检讨三秒钟太懒了没有更新……

今天写右侧导航栏的时候，做到自动定位这个功能的时候，遇到了一点点小问题，纠结了半天才突然想起，之前写的一个页面就有相似的情况，我当时找到了解决办法的。

然后回去看了一下果然如此，同样的错误犯了两次这是不可饶恕的，总结问题还是要总结的，不能偷懒了。

今天这个问题很简单，涉及到了prevUntil()这个jQuery的遍历方法，这个方法我用的比较少，因此印象不深。

右侧导航栏有两种<li>标签，其中一种是另外一种的实际意义上的父标签，但是在代码中他们是同级的，我要做的就是写一些JavaScript语句，实现点击其中一种<li>时，将其对应的其他<li>折叠起来。

那么在实现自动定位的时候，我需要找到子<li>的对应父<li>，但是他们是同级的，如果用prev()是肯定不行的，因为只能找到前一个，用prevAll()也是不行的，因为有可能找到多个，而用prevUntil(".class")时,

只能找到这个class前面的<li>，而我要找的是含有class的<li>，于是应该这么写obj.prevUntil($(".class").prev(), ".class");

 

2018.7.24

js如何获取当前url

//console.log(window.location.host);//localhost:14133
//console.log(window.location.hostname);//localhost
//console.log(window.location.href);//http://localhost:14133/PositionPool/Index_PositionCategory
//console.log(window.location.pathname);///PositionPool/Index_PositionCategory
//console.log(window.location.protocol);//http:
//console.log(window.location.port);//14133