问题：

更改与“单选按钮检查”相关的src

郁景龙

2023-03-14

在我的项目，我想改变src部分（AR-Button的src）相关的单选按钮检查。

例如：当你勾选“选项1”时，我想改变AR按钮上的src部件。与选中Option3x（选中option1和option1x)相比，我想再次更改src。

我的意思是，对于所有64个检查组合，我要更改SRC。

任何帮助或建议将是伟大的！

谢谢..

null

                    <label>
                        <input type="radio" id="diffuse" name="kumas" value="textues/kumas/2/pgwfpjp_2K_Albedo.jpg"checked>
                        Option1
                    </label>
            
                    <label>
                        <input type="radio"id="adiffuse" name="kumas" value="textues/kumas/1/oi2veqp_2K_Albedo.jpg">
                       Option 2
                    </label>

                    <label>
                        <input type="radio" id="bdiffuse"name="kumas" value="textues/kumas/3/sjfvce3c_2K_Albedo.jpg">
                        Option 3
                    </label>

                    <label>
                        <input type="radio" id="cdiffuse"name="kumas" value="textues/kumas/4/sjfvcjzc_2K_Albedo.jpg">
                     Option 4
                    </label>
                    
                    
<br><br>




                    <label>
                        <input type="radio" id="diffuse1" name="kol" value="textues\kol\1\teqbcizc_2K_Albedo.jpg" checked>
                        Option 1x
                    </label>

                    <label>
                        <input type="radio" id="adiffuse1" name="kol" value="textues\kol\2\tfjbderc_2K_Albedo.jpg">
                       Option 2x
                    </label>

                    <label>
                        <input type="radio" id="bdiffuse1"name="kol" value="textues\kol\3\tcnodi3c_2K_Albedo.jpg">
                        Option 3x
                    </label>

                    <label>
                        <input type="radio" id="cdiffuse1"name="kol" value="textues\kol\4\tcicdebc_2K_Albedo.jpg">
                      Option 4x
                    </label>
  

                </div>
            
            </div>

        </div>



<br><br>

                    <label>
                        <input type="radio" id="diffuse2" name="dugme" value="textues\metal\1\scksebop_2K_Albedo.jpg"  checked>
                       Option 1z
                    </label>

                    <label>
                        <input type="radio" id="adiffuse2" name="dugme" value="textues\metal\2\se4objgc_2K_Albedo.jpg">
                       Option 2z
                    </label>

                    <label>
                        <input type="radio" id="bdiffuse2"name="dugme" value="textues\metal\3\se4pcbbc_2K_Albedo.jpg">
                        Option 3z
                    </label>

                    <label>
                        <input type="radio" id="cdiffuse2"name="dugme" value="textues\metal\4\shkxcgfc_2K_Albedo.jpg">
                     Option 4z
                    </label>


<br><br>
                    
                    
    <ar-button

    id="change" src="https://basebros.com/models/ar_base_tekli_koltuk_3d.glb"
    
    id="change2 ios-src="https://basebros.com/models/ar_base_tekli_koltuk_3d.usdz"
    
    title="3D-AR by BASE">
    
    <img class="arbuttonicon" src="Assets/evindebutton.png" width="170px" alt="AR-icon">
    
    </ar-button>

null

共有2个答案

桂浩言

2023-03-14

null

    <label>
        <input type="radio" id="diffuse" name="kumas" value="textues/kumas/2/pgwfpjp_2K_Albedo.jpg"checked>
        Option1
    </label>

    <label>
        <input type="radio"id="adiffuse" name="kumas" value="textues/kumas/1/oi2veqp_2K_Albedo.jpg">
       Option 2
    </label>

    <label>
        <input type="radio" id="bdiffuse"name="kumas" value="textues/kumas/3/sjfvce3c_2K_Albedo.jpg">
        Option 3
    </label>

    <label>
        <input type="radio" id="cdiffuse"name="kumas" value="textues/kumas/4/sjfvcjzc_2K_Albedo.jpg">
     Option 4
    </label>
    
    
<br><br>




    <label>
        <input type="radio" id="diffuse1" name="kol" value="textues\kol\1\teqbcizc_2K_Albedo.jpg" checked>
        Option 1x
    </label>

    <label>
        <input type="radio" id="adiffuse1" name="kol" value="textues\kol\2\tfjbderc_2K_Albedo.jpg">
       Option 2x
    </label>

    <label>
        <input type="radio" id="bdiffuse1"name="kol" value="textues\kol\3\tcnodi3c_2K_Albedo.jpg">
        Option 3x
    </label>

    <label>
        <input type="radio" id="cdiffuse1"name="kol" value="textues\kol\4\tcicdebc_2K_Albedo.jpg">
      Option 4x
    </label>


</div>

</div>

</div>



<br><br>

    <label>
        <input type="radio" id="diffuse2" name="dugme" value="textues\metal\1\scksebop_2K_Albedo.jpg"  checked>
       Option 1z
    </label>

    <label>
        <input type="radio" id="adiffuse2" name="dugme" value="textues\metal\2\se4objgc_2K_Albedo.jpg">
       Option 2z
    </label>

    <label>
        <input type="radio" id="bdiffuse2"name="dugme" value="textues\metal\3\se4pcbbc_2K_Albedo.jpg">
        Option 3z
    </label>

    <label>
        <input type="radio" id="cdiffuse2"name="dugme" value="textues\metal\4\shkxcgfc_2K_Albedo.jpg">
     Option 4z
    </label>


<br><br>
    
    
<ar-button

src="https://basebros.com/models/ar_base_tekli_koltuk_3d.glb"


title="3D-AR by BASE">

<img class="arbuttonicon" src="Assets/evindebutton.png" width="170px" alt="AR-icon">

</ar-button>  



<script>

const kumas = document.getElementsByName("kumas");
const kol = document.getElementsByName("kol");
const dugme = document.getElementsByName("dugme");
const arButton = document.querySelector("ar-button");
    
let sources = [[["https://basebros.com/models/ar_base_ayakkabi.glb"],["https://basebros.com/models/ar_base_camasir_makinesi_3d.glb"],["https://basebros.com/models/ar_base_kahve_makinesi_3d.glb"],["https://basebros.com/models/ar_base_nintendo.glb"]],[[],[],[],[]],[[],[],[],[]],[[],[],[],[]]]; /* Fill this with the sources. The first element is if the first option for kumas is selected, the second is for if the second option is selected, etc. The elements inside those elements are for each of the different options for kol, and the elements inside those elements are for each of the different options for dugme. */

function foo() {
    let kumasSelected;
    let kolSelected;
    let dugmeSelected;
    for(let i of kumas) {
        if(i.checked) {
            kumasSelected = kumas.indexOf(i);
        }
    }
    for(let i of kol) {
        if(i.checked) {
            kolSelected = kol.indexOf(i);
        }
    }
    for(let i of dugme) {
        if(i.checked) {
            dugmeSelected = dugme.indexOf(i);
        }
    }
    
    arButton.src = sources[kumasSelected][kolSelected][dugmeSelected];
}
</script>

楚涵润

2023-03-14

请尝试使用以下代码：

const kumas = document.getElementsByName("kumas");
const kol = document.getElementsByName("kol");
const dugme = document.getElementsByName("dugme");
const arButton = document.querySelector("ar-button");
    
let sources = [[[],[],[],[]],[[],[],[],[]],[[],[],[],[]],[[],[],[],[]]]; /* Fill this with the sources. The first element is if the first option for kumas is selected, the second is for if the second option is selected, etc. The elements inside those elements are for each of the different options for kol, and the elements inside those elements are for each of the different options for dugme. */

function foo() {
    let kumasSelected;
    let kolSelected;
    let dugmeSelected;
    for(let i of kumas) {
        if(i.checked) {
            kumasSelected = kumas.indexOf(i);
        }
    }
    for(let i of kol) {
        if(i.checked) {
            kolSelected = kol.indexOf(i);
        }
    }
    for(let i of dugme) {
        if(i.checked) {
            dugmeSelected = dugme.indexOf(i);
        }
    }
    
    arButton.src = sources[kumasSelected][kolSelected][dugmeSelected];
}

每次要更新源时运行该函数。

类似资料：

更改单选按钮的颜色

我正在开发一个基于测验的应用程序。将有1个问题和4个选项（单选按钮）。如果用户选择了任何错误的答案，那么我想将单选按钮颜色变为红色。如何做到这一点？
用javascript检查单选按钮

用户可以选择他/她想选择的任何一个，但是当某个事件触发时，我希望将设置为set checked单选按钮，因为这是默认的checked单选按钮。我已经尝试了这个版本（有jQuery和没有jQuery）：
使用单选按钮更改src

在我的项目中，我正在尝试用单选按钮更改src。` 正如你从我的代码中看到的，我正在尝试改变4个SRC。“Imghali”和“Qrimage”正在为我的项目工作。当我检查我的按钮(birinci1和birinci2)“imghali”和“qrimage”时，src正在改变。但是“Arhali”src（AR-Button的src）没有改变。这里怎么了？任何解决方案或建议都会很好。我的项目链接 nu
检查Javascript中的单选按钮值

我正在开发一个示例项目，名为：网球俱乐部管理，使用javascript、HTML、CSS和Bootstrap。在这个项目中，我有一个管理者。html页面，其中有两个按钮添加播放器注意：我需要做的是，当我点击保存按钮时，它应该检查是否选择了其中一个收音机（性别：男性/女性..在这种情况下）。我还没弄明白。下面是代码文件和屏幕截图 JSIDLE链接：https://jsfiddle.net/mohi
如何更改单选按钮的颜色？

问题内容：我的意思是，单选按钮本身由一个圆形和一个位于中心的点组成（选择该按钮时）。我要更改的是两者的颜色。可以使用CSS完成吗？问题答案：一种快速的解决方法是使用来覆盖单选按钮的输入样式，但是创建自己的自定义工具箱可能是更好的做法。
单击按钮时更改OptionMenu的选项

问题内容：说我有一个选项菜单，其中包含要连接的网络列表。现在，当用户按下刷新按钮时，我想更新用户可以连接的网络列表。我无法使用，因为我浏览了所有内容，但没有看到看起来像我所做选择的条目。我不认为这可以使用tk变量来更改，因为没有这样的事情。问题答案：我修改了脚本以演示如何执行此操作：单击“刷新”按钮后，将清除network_select中的选项，并插入new_choices中的选项。

更改与“单选按钮检查”相关的src

共有2个答案

相关问答

相关文章

相关阅读

相关工具

相关文档