lundi 1 février 2021

Change src related to "Radio Button Checks"

In my project I want change src part (ar-button's src) related to my radio buttons check.

For ex: When you check "Option 1" I want to change src part on ar-button. Than when you check Option3x(with checked option1 and option1x) I want to change src again.

I mean for all 64 combination of checks I want to change src.

Any help or suggestion would be great!

Thanks..

                    <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>       
                    
                    

     



Aucun commentaire:

Enregistrer un commentaire