Question

我正在尝试创建一个网页设计模板，我想根据使用查询的单选按钮选择来编辑样式表。

我想要实现的是，如果我选择蓝色，它将找到EXTERNAL样式表和类.container并将背景更改为蓝色。因此，如果我之后手动编辑样式表，则会保存更改，这可能吗？

这只是一个非常基本的HTML：

<div class="container">
  <input type="radio" name="colours" value="female" checked> red
  <input type="radio" name="colours" value="female">blue
</div>

＆安培; CSS

* {
padding:0;
margin:0;
}
html, body {
width:100%;
height:100%;
}
.container {
width:100%;
height:100%;
background:red;
}

Answer 1

简单回答：你不能单独使用jQuery。

更长的答案：jQuery是JavaScript的扩展，其本质上是在浏览器的客户端运行。因此，您无法直接更改存储在服务器上的任何文件。但是，您可以使用jQuery's AJAX feature轻松访问可能会更改文件的服务器端脚本，例如PHP。

例如，在PHP中，您可以使用file_put_contents()写入文件来实现此目的。

Answer 2

试试这个：http://jsfiddle.net/2MKjv/2/

这是一个简单的解决方案。

$('input[type=radio]').on('click', function(){
    var color = $(this).attr('data-color');

    $('.container').css({'background': color});
});

使用jquery编辑外部样式表

2 个答案: