时间戳

首页 > 解决方案 > 如何使用 Jquery 读取默认值？

javascript - 如何使用 Jquery 读取默认值？

问题描述

所以我的第一个任务是我必须创建一个输入字段，它的默认值必须是“蓝色”。

第一个问题是我不确定我是否做对了这部分。

我的第二个任务是让第二个按钮读取输入字段的值并将所有按钮的背景颜色更改为该颜色。

这是我的 HTML 代码

这是我的Javascript代码

我做错了什么？（你不必担心它们工作正常的 Test1 和 Test2 按钮）

    
$('#color').value = 'blue';


$('#button1').on('click', () => {
    console.log('U just clicked Test1')
    $('#button1').text("Teszt");
    
  });
  $('#button2').on('click', () => {
    $('#button1').text("Hey");
  });
  $('#button3').on('click', () => {
      $('button').css('background','$('#color').text()')

  });

标签： javascripthtmljquery

解决方案

HTML：

<body>
  <input type="text" value="blue" id="color">
  <button class="button" id="button1">Test 1</button>
  <button class="button" id="button2">Test 1</button>
  <button class="button" id="button3">Test 1</button>
</body>

.val()jQuery：使用方法获取输入字段的值

$("button").css("background-color", $("#color").val());

推荐阅读