B4J Question Click checkbox in webview and submit using javascript

[mcqueccu]

Let me start by saying I am a noob in javascript.

I was working with a webpage manipulating some items from B4J, and this https://www.b4x.com/android/forum/t...es-of-an-html-form-in-a-webview-object.47072/ thread helped me and I am now in the final stage.

The last page after login has multiple checkboxes with classes. The SUBMIT button is disabled until one checkbox is clicked, and the button becomes active.

<label class="customcheck">Select
 <input type="checkbox" class="check" name="nominee" value="47">
  <span class="checkmark"></span>
  </label>


<label class="customcheck">Select
 <input type="checkbox" class="check" name="nominee" value="48">
  <span class="checkmark"></span>
</label>

There is this javascript on the page.

<script type="text/javascript">
        $(document).ready(function(){
            $('.check').click(function() {
                $('.check').not(this).prop('checked', false);
            });
            
            var checkboxes = $("input[type='checkbox']"),
                submitButt = $("input[type='submit']");

            checkboxes.click(function() {
                submitButt.attr("disabled", !checkboxes.is(":checked"));
            });           
        });
        </script>

These are my tries failed attempts.

Private joWV As JavaObject = wv
    
'    joWV.RunMethodJO("getEngine", Null).RunMethod("executeScript", Array As String("document.getElementsByName('nominee')[3].value = 'true'"))
    'joWV.RunMethodJO("getEngine", Null).RunMethod("executeScript", Array As String("document.getElementsByClassName('check')[0].disabled = false"))
'    joWV.RunMethodJO("getEngine", Null).RunMethod("executeScript", Array As String("document.getElementsByClassName('check')[0].checked = true"))   
    'joWV.RunMethodJO("getEngine", Null).RunMethod("executeScript", Array As String("document.getElementsByClassName('check')[0].click();"))
    
    joWV.RunMethodJO("getEngine", Null).RunMethod("executeScript", Array ("document.forms[0].check[0].checked=true;"))

 

[TILogistic]

test B4X:

Interact with HTML elements from B4j app?

hi I would like to know if I can load a site into a webview and then fill an HTML input element with text by calling his id property? or maybe simulate a button click in that site? (button element id is known) thanx, ilan

www.b4x.com

see demo:

Interact with HTML elements from B4j app?

hi I would like to know if I can load a site into a webview and then fill an HTML input element with text by calling his id property? or maybe simulate a button click in that site? (button element id is known) thanx, ilan

www.b4x.com

 

[mcqueccu]

Thank you @Omar Parra A. The reference is great but my problem is with Checkboxes. I don't know which DOM element can grab a checkbox at a position click it

 

[TILogistic]

test:
checkbox test, see the first check, with the buttons you can check or uncheck

 

[TILogistic]

test checkbox 2: Check and Value

Edit:

'check')[1].?????

Private Sub Button1_Click
    RunJavaScript($"document.getElementsByClassName('check')[1].checked = true;"$)
End Sub

Private Sub Button2_Click
    RunJavaScript($"document.getElementsByClassName('check')[1].checked = false;"$)
End Sub

Private Sub Button3_Click
    Wait For (RunJavaScript($"document.getElementsByClassName('check')[1].value;"$)) Complete(Html As String)
    xui.MsgboxAsync(Html, "Get value Check 1")
End Sub

 

[TILogistic]

Value and Checked

Private Sub Button3_Click
    Wait For (RunJavaScript($"document.getElementsByClassName('check')[1].value;"$)) Complete(Value As String)
    Log(Value)
    Wait For (RunJavaScript($"document.getElementsByClassName('check')[1].checked;"$)) Complete(Checked As Boolean)
    Log(Checked)
End Sub

 

[mcqueccu]

This looks promising. I stepped out so will try It in about an hour. Thank you