小编Ani*_*t G的帖子

使用jquery检查/取消选中复选框？

我的页面中有一些输入文本字段,我使用javascript setVal函数显示它们的值进行编辑,我添加了一个额外的复选框字段,我传递了一个值,

在这里,我想检查是否.set("value",""),然后应该检查此复选框,否则取消选中,

我这样做是因为使用了两个div,但我对此感到不舒服,还有其他解决办法吗？

if(value == 1) {
    $('#uncheck').hide();
    $('#check').show();
} else{
    $('#uncheck').show();
    $('#check').hide();
}

Run Code Online (Sandbox Code Playgroud)

jquery jquery-ui

Irf*_*med

2019 03-12

583
推荐指数

3
解决办法

92万
查看次数

筛选包含数组的对象数组

这是我拥有的数组的较小版本，但结构相同

与下面的const arr，我想创建2个具有唯一值且按升序排序的新数组

const arr = [{
    tags: ['f', 'b', 'd'],
    weight: 7,
    something: 'sdfsdf'
  },
  {
    tags: ['a', 'b', 'c', 'd', 'e'],
    weight: 6,
    something: 'frddd'
  },
  {
    tags: ['f', 'c', 'e', 'a'],
    weight: 7,
    something: 'ththh'
  },
  {
    tags: ['a', 'c', 'g', 'e'],
    weight: 5,
    something: 'ghjghj'
  }
];

const finalTags = [];
const finalWeight = [];

// TODO:  find a better way to do this
arr.forEach(v => {
  if (finalWeight.indexOf(v.weight) === -1) finalWeight.push(v.weight);
  v.tags.forEach(val => {
    if …

Run Code Online (Sandbox Code Playgroud)

javascript arrays sorting ecmascript-6

ace*_*ase

2019 03-08

6
推荐指数

1
解决办法

80
查看次数

Vue.js动态类

我在这里有一些使用Vue.js的html:

<div id="app">
  <ul class="navbar-nav">
      <li class="nav-item" v-for="tab in tabs">
          <a href="#" class="nav-link">{{ tab.name }}</a>
      </li>
  </ul>
</div>

Run Code Online (Sandbox Code Playgroud)

我在这里有javascript:

var app = new Vue({
  el: '#app',
  data: {
      tabs: [
        { name: "Home", active: "" },
        { name: "Challenges", active: "active" },
        { name: "Scoreboard", active: "" },
        { name: "About", active: "" }
    ]
  }
});

Run Code Online (Sandbox Code Playgroud)

我想将class设置为tabs.active,因为我正在使用bootstrap.我怎样才能做到这一点？

html javascript dynamic-class vue.js vuejs2

作者

2018 12-10

5
推荐指数

1
解决办法

68
查看次数

在使用 Flask 时也使用花括号作为 Vue.js 中的值

我的代码工作得很好，然后我决定将它移到烧瓶中。我在我的代码中同时使用 Vue.js 和 Flask。我的 html 代码如下：

<html>

<head>
    <!-- Required meta tags -->
    <meta charset="utf-8">
    <meta name="viewport" content="width=device-width, initial-scale=1, shrink-to-fit=no">

    <!-- Bootstrap CSS -->
    <link rel="stylesheet" href="https://stackpath.bootstrapcdn.com/bootstrap/4.1.3/css/bootstrap.min.css" integrity="sha384-MCw98/SFnGE8fJT3GXwEOngsV7Zt27NXFoaoApmYm81iuXoPkFOJwJ8ERdknLPMO"
        crossorigin="anonymous">
</head>

<body>
    <div id="app" class="container">
        <div class="row">
            <nav class="navbar navbar-expand-lg navbar-dark bg-dark">
                <div class="collapse navbar-collapse" id="navbarNav">
                    <ul class="navbar-nav">
                        <li class="nav-item" v-for="tab in tabs" v-bind:class="tab.active">
                            <a href="#" class="nav-link">{{ tab.name }}</a>
                        </li>
                    </ul>
                </div>
            </nav>
        </div>
        <div class="row">
            <div class="col">
                <hr class="navbarDivide">
            </div>
        </div>
    </div>

    <!-- Optional JavaScript -->
    <!-- jQuery first, then …

Run Code Online (Sandbox Code Playgroud)

html javascript vue.js

Ani*_*t G

2019 01-22

4
推荐指数

2
解决办法

1180
查看次数